Michael Hanson

@michaelhanson.org

60 Followers 110 Following

Designer at buildertrend.com. Formerly at hudl.com.

Screenshot of mint in use, in light mode, showing several issues.
A screenshot of a Buildertrend interface, showing a job proposal. A left sidebar displays details on the proposal price and required signees. A right sidebar shows a chat where a user has asked some questions about the proposal.
Mockups of a Buildertrend command palette in several different states.
A keyboard in the HHKB layout, with a silver case and white keycaps.
The 26 characters of the alphabet rendered in the custom pixel font.
A screenshot of my terminal window, with a border (provided by Jankyborders) around the edge, going from yellow in the top left to red in the bottom right.
Screenshot of the search interface in Things.app on macOS, showing a search for "work" with several results below.
A graphic representation of the Chalcedonian Box, showing "Nicea" and "Truly God" at the top, "Chalcedon" and "Two Natures" on the right, "Truly Man" and "Constantinople" on the bottom, and "One Person" and "Ephesus" on the left.
A screenshot of an annotation component for Figma designs. There are four variations: NOTE, IDEA, TODO, and WARN.
A screen capture of a terminal UI where ASCII characters are appearing and disappearing. Various segments are being highlighted.
A screen capture of a terminal where ASCII characters are falling and gathering like sand.
A screen capture of ASCII characters in the terminal creating an animated wave.
Screenshot of the program in use, in light mode, showing several tasks prioritized, completed, or yet to be prioritized.
A screenshot of a terminal interface. Showing the user asking an LLM to summarize the video at a YouTube URL.
A screenshot of a timer app, showing an orangish-red partial circle that is counting down minutes. 42 minutes are remaining on the timer.
Mockup of a home renovation proposal builder. Left sidebar offers style choices (Standard, Classic, Technical) and content additions (Text, Image, Scope, etc.). Main panel previews page 1 of a 'Riverbend Custom Homebuilders' proposal with a house image, logo, and contract details. Right panel shows thumbnail previews of the document pages.
Part of a user interface for an estimating tool, specifically a sidebar that provides several actions such as creating a new proposal, sorting, and filtering. Two filters are already applied.
A mobile interface for a project estimating tool. It shows several line items, each having a minimum cost and a maximum cost. At the bottom of the primary view is a range for the likely cost. A second screen shows the UI for adding a new line item. A line item can have a title, a price range, and a likely price that can either be on the low end, in the middle, or on the high end.
A mockup of Figma's "quick action" UI, showing a hypothetical action to jump to a teammate's location across all of Figma.
Three variations of an estimate worksheet sidebar design. The sidebar includes various actions: Unlock, Send to Budget, Download, Group, Sort, Filter, Add item, Add group, Open takeoff, and Import. The bottom shows a price and cost breakdown.
A screenshot of a section of an essay by Amelia Wattenberger, describing working memory and visualizing thoughts becoming fuzzy as they get farther out from our focus.
A screenshot of Raycast showing a "Create a shell command" action in-use.
A screenshot of Raycast, showing the details of a quicklink to a Figma file called "Design review Figma".
Two diagrams indicating how options within proposals might flow back into a homebuilder's estimate.
An image of the items in my current personal checklist for every design. Each item is paired with an icon: Entry and exit points, Possible interactions, Sub-views, Creating and removing entities, Editing entities, Components and design system, Smaller viewports, Success states, Errors and failure states, Empty states, Performance impact, In-product feedback, Accessibility, and Onboarding.
Adam Whitcroft's original app icon for Multi. It shows a 3D cursor shape, with a multi-colored glow underneath, hovering over a transparent paper and a blueprint document.
The Raycast macOS app, showing the user searching for "lucide". The top option, "Search Icons" is highlighted.
A screenshot of several diagrams, each showing a way of handling a problem in the product.
A screenshot of part of a user interface for a proposal document builder. It shows a column with options for style settings, adding objects to the proposal such as text, images, videos, tables, PDFs, and maps. An additional section lets the user choose which clients to send the proposal two. On the right, a preview of the document is partially displayed.
A Tweet by Aleks that says, "My designs in figma vs my designs in production". With it is an image of a cool and casual Mark Zuckerberg adjacent to an image of a terrifying, robot-looking Zuckerberg wearing a suit.
A screenshot of three app icons in a row, with the left and right icons cut off at the edges of the screenshot. The middle icon depicts and orange and yellow caret shape, on a dark background, with a white and blue diamond shape in the lower-center part of the icon.
A mockup of a table UI containing line items for a home remodel estimate.