← backBLAQLINE
design

Design

create with intention, design with purpose

DESIGN SYSTEMSVISUAL DESIGNCONTENT DESIGNACCESSIBILITYUSER EXPERIENCE

Design Systems

Create coherent, scalable design languages

foundation • 30 min

Create Design System Documentation

Your design system has 80 components, but nobody knows how to use them correctly. Designers ask 'which button variant for this use case?' Engineers ask 'what props does this accept?' Support tickets to design system team are 50/week. Documentation is Storybook code examples with no design guidance, or Figma files with no implementation details. Adoption is low because system is hard to learn.

begin →
advanced • 30 min

Build Design System Component Library

Your product has grown from 5 screens to 200+ screens across 4 platforms (Web, iOS, Android, Desktop). Design inconsistencies are everywhere - 12 different button styles, 8 color variations of 'blue', and 15 spacing patterns. Engineers are rebuilding components from scratch, and QA is catching UI bugs in every release. You need a design system to scale.

begin →
advanced • 30 min

Establish Design System Governance

Your design system launched 2 years ago with fanfare but has become a bottleneck. The design system team (3 people) can't keep up with requests from 15 product teams. Component contributions sit in PR purgatory for months, teams build one-off components out of frustration, and the system is fragmenting. Adoption has dropped from 80% to 55%. You need governance that scales.

begin →
strategic • 30 min

Execute Design System Migration

You've built a beautiful new design system with 60 components, but the product still uses the old design (200+ screens, 5 years of legacy code). Your engineering team estimates 18 months for full migration. Meanwhile, new features use new design, old screens use old design - users see inconsistency everywhere. You need a strategic migration that delivers value quickly without blocking product development.

begin →
strategic • 30 min

Design Tokens Architecture

Your design system has 8 different shades of blue hardcoded across platforms, spacing values are inconsistent (4px on web, 8px on iOS), and updating brand colors requires touching 200+ files. Your rebrand took 6 months instead of 6 weeks. You need a design tokens architecture that enables consistent, scalable theming across all platforms.

begin →
leader • 30 min

Build Multi-Platform Design System

Your design system works well on web but poorly everywhere else. iOS follows HIG, Android uses Material Design, and web is custom - resulting in 3 different experiences under one brand. Your component library is web-only, forcing mobile teams to rebuild everything. Cross-platform consistency is 40% measured, and designers redesign the same component 4 times. You need a truly multi-platform system.

begin →

Visual Design

Craft beautiful, purposeful interfaces

foundation • 30 min

Create Illustration System

Your product has 200+ illustrations created by 10 different designers over 4 years. Styles are inconsistent - some flat, some detailed, some with characters, some without. Empty states feel random, and onboarding illustrations don't match marketing. Creating new illustrations takes 2 weeks per asset because there's no system. You need a scalable illustration system.

begin →
foundation • 30 min

Design Icon System

Your product uses 300+ icons from 5 different sources (Material Icons, Feather, custom, Font Awesome, and hand-drawn). Styles clash - some outlined, some filled, inconsistent stroke weights, varying sizes. Creating new icons means choosing a style, and designers pick differently. Icon accessibility is poor with no labels. You need a unified icon system.

begin →
advanced • 30 min

Develop Brand Visual Language

Your product has grown organically without clear visual direction. Every designer interprets the brand differently - illustrations vary from flat to 3D, photography styles clash, and visual tone is inconsistent (sometimes playful, sometimes serious). Your rebrand launch is in 6 months for Series C fundraise. You need a cohesive brand visual language that differentiates you from competitors and scales across all touchpoints.

begin →
advanced • 30 min

Design Dark Mode Strategy

You've delayed dark mode for 2 years because 'just invert colors' looks terrible. Your color system wasn't built for theming - 80 hardcoded color values scattered across codebase. Competitors (Figma, Sketch) have excellent dark modes. Your users are threatening to churn. You need a proper dark mode implementation with a scalable color system.

begin →
strategic • 30 min

Design Motion Design Principles

Your app has 100+ different animations with no consistency. Some transitions take 150ms, others 800ms. Engineers animate with linear easing, designers want spring physics. Loading states use 5 different spinner styles. Your app feels janky on mid-tier devices, and animations add 200KB to bundle size. You need motion design principles that create delight without hurting performance.

begin →

Content Design

Write with clarity and intention

foundation • 30 min

Create UX Writing Guidelines

Your product's copy is inconsistent and confusing. Some buttons say 'Submit,' others 'Continue,' others 'Next.' Error messages blame users ('You entered an invalid password'). Empty states are generic ('No data to display'). 8 designers and 30 engineers write copy ad-hoc with no guidelines. Support tickets about confusing UI copy are 200/week. You need UX writing standards.

begin →
advanced • 30 min

Develop Voice & Tone Framework

Your product voice is all over the map. Onboarding is playful ('Let's get you healthy!'), medical results are clinical, billing is formal, and push notifications are casual. Patients say the tone feels 'inappropriate' for health topics. Different writers (5 content designers, 15 product designers, support team) interpret brand differently. You need a voice and tone framework that works for sensitive health contexts.

begin →
advanced • 30 min

Build Content Design System

Your product has 10K+ strings of copy with no consistency. Same concept called 'contact' in some places, 'customer' in others, 'lead' elsewhere. Success messages vary from 'Saved!' to 'Successfully saved' to 'Your changes have been saved.' No one knows whether to use sentence case or title case. 5 content designers can't keep up with 40 product designers writing copy. You need a content design system.

begin →
strategic • 30 min

Design Microcopy Strategy

Small copy changes have massive conversion impact, but there's no system for optimizing microcopy. A button text change from 'Buy Now' to 'Add to Cart' increased conversion 8%. But microcopy decisions are ad-hoc - designers guess, engineers hardcode, and no one tests systematically. High-impact microcopy (CTAs, form labels, trust signals) needs a strategic approach.

begin →
leader • 30 min

Design Localization Strategy

Your product is English-only, but 40% of potential customers speak other languages. Competitors are winning deals with localized products. Your CEO mandates launch in 8 languages (Spanish, French, German, Japanese, Portuguese, Italian, Korean, Chinese) within 12 months. You have 5K+ strings to translate, design breaks in long languages, and no localization infrastructure. You need end-to-end localization strategy.

begin →

Accessibility

Design for everyone, exclude no one

foundation • 30 min

Conduct WCAG Compliance Audit

Your company received a legal demand letter about accessibility violations - non-compliant color contrast, keyboard navigation broken, no screen reader support. Your enterprise customers require WCAG 2.1 AA compliance for procurement. You've never done an accessibility audit. You need to assess current state, identify issues, and create remediation plan.

begin →
advanced • 30 min

Design Accessible Components

Your design system has 50 components, but none meet accessibility standards. Dropdowns aren't keyboard accessible, modals trap focus, color picker is unusable with screen readers, and custom components have no ARIA. Blind users can't use your product. You're rebuilding your component library to be accessible by default, so every feature built with design system is accessible.

begin →
advanced • 30 min

Build Accessibility Testing Framework

Your team ships accessibility regressions every release. Last month's deploy broke keyboard navigation in the transfer flow (affecting 15% of power users). You have no accessibility testing - manual QA doesn't test with assistive tech, automated tests don't exist, and designers don't know how to validate accessibility. You need a comprehensive testing framework that catches issues before production.

begin →
strategic • 30 min

Build Inclusive Design Strategy

Your product is designed for young, able-bodied, English-speaking, tech-savvy users from the US. But your user base is diverse - ages 13-80, 20+ countries, varying abilities, different tech literacy. Your design decisions exclude many users: fast animations trigger vestibular disorders, tiny text is unreadable for older users, US-centric examples alienate international users. You need inclusive design that works for everyone.

begin →
strategic • 30 min

Design Assistive Technology Support

Blind users can't use your product - screen readers can't access the editor, keyboard commands conflict with assistive tech, and complex features are unusable without a mouse. You're losing enterprise deals because products must support JAWS, Dragon, and other assistive technologies. Building assistive tech support requires deep ARIA knowledge, testing with actual users, and potentially rearchitecting core features.

begin →

User Experience

Solve problems through thoughtful design

foundation • 30 min

Design Interaction Design Patterns

Your product has 15 different ways to complete the same action (add task via button, drag-drop, keyboard, right-click, slash command). Interactions are inconsistent - sometimes Enter saves, sometimes it adds a line. Every designer invents new patterns, and engineers rebuild the same interactions differently. Users are confused. You need consistent interaction patterns documented and enforced.

begin →
advanced • 30 min

Design Information Architecture

Your product has grown from 20 features to 200+ over 5 years. The navigation has 9 top-level items, settings has 45 pages, and users can't find anything. Research shows users spend 40% of session time searching for features. Support tickets saying 'I can't find X' have tripled. Your NPS dropped 15 points with comments about 'complexity.' You need to restructure the information architecture.

begin →
advanced • 30 min

Design Responsive Design Strategy

Your product was designed desktop-first in 2018. Mobile usage has grown from 5% to 30%, but the mobile experience is terrible - tiny text, horizontal scrolling, broken layouts. Your engineering team builds 3 separate templates for mobile/tablet/desktop, tripling development time. Mobile NPS is 25 vs. desktop 60. You need a responsive design system that works everywhere.

begin →
strategic • 30 min

Optimize User Flows

Your checkout flow has 8 steps and 45% cart abandonment (industry average 25%). Users drop off at shipping address (12%), payment (15%), and review (18%). Mobile abandonment is worse at 55%. Analytics show users spending 8 minutes to checkout (should be 2 minutes). A/B tests of individual pages yield 1-2% gains, but you need a holistic flow redesign.

begin →