Recent Projects

Fluxx

Design SystemUser ExperienceAccessibilityResearch

Fluxx is one of the world's most popular tools for grants management. As a senior product designer, I spearheaded the creation of a design system to standardize UI and UX patterns for a mature, data-dense SaaS platform with more than 500 institutional clients and tens of thousands of daily users. I established platform-agnostic design tokens, oversaw the development of component prototypes, built and enforced semantic and accessibility guidelines, and architected integration and deployment flows via Github, NPM, and Storybook.

Visit Fluxx.io | Design Tokens Figma | UI Components Figma

Fluxx design system - tokens
Fluxx design system documentation site showing UI components
Fluxx design system documentation site showing UI components
Fluxx design system documentation site showing design tokens
Fluxx design system documentation site showing design tokens
Web form example showing text and select inputs in various states
Web form example showing text and select inputs in various states
Fluxx WCAG 2.2 AA-compliant data visualization example, using semantically neutral colors and redundant data encoding
Fluxx WCAG 2.2 AA-compliant data visualization example, using semantically neutral colors and redundant data encoding
Fluxx data visualization example, showing data detail hover state
Fluxx data visualization example, showing data detail hover state

Grantseeker

User ExperienceInformation ArchitectureResearch

Grantseeker is a cloud-based productivity tool for grant-funded nonprofits. As one of only two designers on the product, I designed new workflows supported by purpose-built onboarding expriences and a new in-app iconography system. Dozens of user research sessions were conducted to understand the nuances of day-to-day work for resource-constrained nonprofits.

Visit Grantseeker.io

Fluxx Grantseeker UI, grant tracking flow
Fluxx Grantseeker UI, grant tracking flow
Grantseeker workflow statuses, displayed as a simplified Gantt chart
Fluxx Grantseeker workflow statuses
Fluxx Grantseeker stage and state key
Grantseeker stage and working state key
Fluxx Grantseeker onboarding / contextual call-to-action icons
Fluxx Grantseeker onboarding / contextual call-to-action icons
A typical grant record summary with status and contextual call-to-action
Grant record summary with status and contextual call-to-action

Grippers' Tips

BrandingDevelopmentDesign

A collector’s music blog reviewing lesser-known electronic, jazz and experimental music. A playful, bright aesthetic, paying homage to vintage retail. Visit grippers.tips

Grippers' Tips Logo
Grippers' Tips logo
Grippers' Tips Type Sample
Grippers' Tips type / color palette
Grippers' Tips entry card example
Grippers' Tips entry card

E L O N - Pneumania

PrintDesign

Artwork for an album by LA electronic musician E L O N. Drawing on themes of corporate statehood and data sovereignty. Visit lefthandpathwax.bandcamp.com

E L O N - Pneumania digital album cover
E L O N - Pneumania digital album cover
Pneumania LP back cover
E L O N - Pneumania LP back cover
Pneumania LP concept art
E L O N - Pneumania LP concept art
Pneumania LP concept art
E L O N - Pneumania LP concept art
Pneumania LP concept art
E L O N - Pneumania LP concept art

Lateral Addition

LogoDevelopmentDesign

A non-profit organization commissioning sound works from artists around the world. A text-only interface and unique horizontal timeline navigation serve the site's commitment to dialectical rigor and semi-annual publication schedule. Visit lateraladdition.org

Lateral Addition Logo
Lateral Addition Logo
Lateral Addition site desktop screenshot
Lateral Addition site desktop layout

Music for the Memphis Group

ExperimentDesignDevelopment

Artwork and website for "Music for the Memphis Group", a conceptual album of compositions by Matt Wellins, inspired by the post-modern Memphis design movement. A custom audio player and bold tiled backgrounds were designed to pay homage to the group's bold graphic style. Innovative use of tiling SVG patterns and transformations yielded an infinite number of thematic variations. Visit memphis.daniel-letson.com

Music for the Memphis Group website logo
Music for the Memphis Group website logo
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example (variant)
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example
Music for the Memphis Group background example