Skip to content

Michael EvanMichael EvanMichael Evan

70Work, 70 examples Articles About

Michael EvanMichael EvanMichael Evan

email@michaelevan.com LinkedIn

Work Articles About

Dashboards

Dashboards
Apps & Games
Systems & Tooling
Presentations
Design & Branding

Work

Real screens from products, brands and concepts, playing.

DashboardsDesign for data, back offices and internal tools.See the work

Apps & GamesInsurance, health, payments and play.See the work

Systems & ToolingComponent libraries, docs and page builders.See the work

PresentationsMultimedia decks, workshops and short films.See the work

Design & BrandingRenaming one company, from names to board deck.See the work

Dashboards

Apps & Games
Systems & Tooling
Presentations
Design & Branding

Sales dashboard for reps

Cards keep their own timeframes; every count opens the orders behind it.

Delivery incident investigatorCommpath

Find the spike, see where failures start.

Marketing dashboard in two skinsCampaign Manager

Segments, a map, offers, budgets, trends.

One rep’s day, three ways3 examples

Dashboard · Morning paper · One thread

Laid out as a single screenOne Rep’s Day: Dashboard

Stuck orders, at-risk accounts, and what to do next.

Laid out as a front pageOne Rep’s Day: Morning Edition

Urgent issues as the lead story, and every outcome a note in the margin.

Laid out as an assistant chatOne Rep’s Day: Briefing Thread

Opens on the figures and where to start; each task arrives as a sheet.

Full product redesign

Complete mocks of the redesigned app.

Back office for consigned carsAuction Manager

Counts against goals, approvals, media and the process.

Retail intelligence toolVisualytics

Every insight paired with an action, and graded orders.

Apps & Games

Dashboards
Systems & Tooling
Presentations
Design & Branding

Investigation gameHacknet

Timed jobs, a 3D city, and evidence built into rings.

Mobile loyalty program that pays in pointsThe Game

Badges, levels, a leaderboard and trivia.

Telehealth phone appMeMD

One question per screen, sign-up to visit.

Payment portalUniversal Pay

Cards on file without storing the number, for a rep, a buyer and a vendor.

Online car insurance, end to end4 examples

Auto quote · Coverages · Paying a bill · Sign-in

Online auto quote

Cars, drivers and discounts, with the monthly cost moving on every answer.

Choosing coverages

Groups that fold to chip summaries, with the price pinned in view.

Paying a bill

What’s due, how much, which method, several policies at once.

Sign-up and sign-in

Two-step registration, login and a one-time code.

Insurance customer portal4 examples

Portal · Settings · Policy changes · Proxy

Policyholder portal

Shortcuts, policies overview, and auto and property details.

Communication settings

Paperless and text alerts, per policy, in two versions a year apart.

Policy changes, one question at a time

A stepper through drivers or vehicles, with add or replace.

Agent proxy mode

Staff open a customer’s record as someone else, then end access.

Insurance app for gig driversMobilitas

ID card, payments, claims and coverage.

Workshop facilitation app

Stage, facilitator screen and phone page.

Scanning across two tabs

Generate a barcode in one tab, scan it with the camera in the other.

Systems & Tooling

Dashboards
Apps & Games
Presentations
Design & Branding

Design system overviewGloss

Component architectureGloss

Documentation siteGloss

Components in every stateGloss

Gloss, a React design system4 examples

Design system overview · Component architecture · Documentation site · Components in every state

Creator tools5 examples, from print to page builders

Design studio · Print designer · Page builder

Three creator tools

A design studio, a print designer and a page builder, to try, with their panels.

Layout tool with usage notes beside the canvasPixel Studio

Screens built from a system’s elements and docs.

Custom print designer

Art on T-shirts to bean bags, shown in 3D, quoted with quantity breaks.

Page builder in the browser4D Studio

Layers, an inspector, and drawers for assets, events and data.

Offer-page builder proposalAD Studio

Six illustrated screens: an app bar, one toolbar, themes and templates.

Component documentation4 examples

State maps, properties and guidelines.

State maps

Buttons to tooltips in every variant and size, across three design systems.

Property sheets

Anatomy and specifications for five components.

Usage guidelines

Six component guideline pages from a docs site.

35 demo videos

Component demos, flow walkthroughs and storyboards.

Foundation guidelines

Color, type, grid, spacing and elevation.

How a design system ran

Two diagrams: components made and shipped, tokens from Figma to teams.

Component specimens

Headers, tabs, fields and cards, then put together as an app.

Style and component docs, still liveDesign Commons

Color tiers, typography, buttons and the Pixel library.

Style guides from Figma

Color, type and icon pages, plus the live components that build them.

Media asset console

Versioned library, URL image transforms.

Support console with SQL

Six anomaly checks, such as negative prices, and a sandboxed editor.

Upload flow with triage

Drop files, fix size and format problems.

Knowledge-capture tool

Investigations, insights board and videos.

Hover that waits for the pointer to settleHover Intent for Impeccable

A proposal and live demo for Impeccable’s motion guidance.

Where text-box trim centers a button labelOptical Type for Impeccable

A proposal and live demo for Impeccable’s type guidance.

A critique that remembers what you decided to fixCritique Decisions for Impeccable

A proposal and live demo for Impeccable’s critique workflow.

Presentations

Dashboards
Apps & Games
Systems & Tooling
Design & Branding

Animated short for Intel

From brainstorm and 3D storyboards to the final render.

One presentation, four versions4 examples

From one order to a pitch for workshops.

Version 1: brief to disruption, one invented caseOrder Studio

Followed inside a working ordering prototype.

Version 2: three decisions on one cake orderProduct Design Working Session

The viewer makes the calls before the deck names the work.

Version 3: what product design isHow the Work Works

UI and UX defined by tracing a dashboard number up to its promise.

Version 4: a pitch for workshopsHonor the Complaint

Argued from one request that was built exactly as asked.

A fictional world for workshops4 examples

Workshops · Company · 26 news films · Trailer

Six workshopsWorkshop Season

Coworkers played employees of a company that doesn’t exist.

A fictional companyThe Outer Reaches

A wholesaler with alien customers, built as the workshops’ world.

26 short news filmsThe Ripple

The company channel, cheerfully reporting what’s plainly broken.

Channel-flipping previewThe Outer Reaches Trailer

Four minutes through nine broadcasts from the fictional world.

Design approach as one chartWisdom Wheel

Users at the center, the practice around them.

Two decks for new clientsIntro to UX and Style Guides

A 20-slide talk and a 30-slide walk-through of Mindnest’s Design Bible.

Design & Branding

Dashboards
Apps & Games
Systems & Tooling
Presentations

Living brand systemVersaTrade Studio

Palette, logo treatments, type, voice and mascot, with copy-ready hex and SVG.

Rebrand reveal

A split-flap board unveils the new name.

Board pitch for a new nameVersaTrade Brand Presentation

Five slides and a printable handout, from the question to why it wins.

Naming a company6 examples

Workbench · Name map · Contest · Games

Naming workbenchName Forge

1,232 candidates graded for meaning, sound and trademark risk.

Map of 1,300 namesCartograph

A flyover of the naming search, finalists grouped by strategy.

Employee naming contest

Where coworkers submitted and voted on names.

Collaborative gameIdea Storm

A fast, judgy sort that filters the genius from the noise.

Branding trivia gameTest of Mettle

Naming traps to spot, made for an employee contest, played for laughs.

Product strategy map

Brands merging and products coming out.

Identity work

Logos and collateral, kinetic type, a book cover.

That's all 70. Want to talk about any of these?