Product Design

Featured

Overview

This case study explores common themes in product design, with each featured client demonstrating different aspects of makes product design unique.

Responsibilities

  • UX Design: UI, page layouts
  • Visual Design Lead
  • Design Presentations
  • Developer Collaboration
  • Workshop Facilitation
  • Quality Assurance Testing

Goals

  • Create logged-in experience
  • Enable users to customize the platform
  • Usable and intuitive interfaces
  • Enable Scalability and Flexibility
  • Accessible

Challenges & Strategies

UI/UX Best Practice Iteration and Discussion
Informing Decisions
Product Design Definition
March of Dimes larger

FCPS Intranet

Fairfax County Public Schools (FCPS) in Virginia is one of the largest public school districts in the nation with 186,000 students enrolled across 200+ schools and 24,000 full-time staff,

custom illustrations woman and baby, photo of families with decorative elements
Home page concept

Success

  • Modernized the look, feel, and organization of School Profile pages
  • Made content mobile-responsive and securely accessible from anywhere
  • Met Section 508 accessibility standards

Overview

Balancing Content and Design
Design System & Web Design
Design Collaborators
custom illustrations woman and baby, photo of families with decorative elements
Tools search directory
custom illustrations woman and baby, photo of families with decorative elements
Facilities and transportation management directory
March of Dimes design system snapshot
FCPS internal tab example
March of Dimes larger

HHMI Biointeractive Web App

Howard Hughes Medical Institute (HHMI) BioInteractive provides an engaging collection of educational resources to help 40,000 science educators around the world to increase student engagement with the sciences.

custom illustrations woman and baby, photo of families with decorative elements
Home page wireframe and concept

Success

  • Provided a customized and personalized logged-in experience for users
  • Created a sub-brand for Biointeractive
  • Accessible and 508 compliant and audited by accessibility firm Deque Systems

Overview

Design System & Web Design
Client Feedback
Design Collaborators
custom illustrations woman and baby, photo of families with decorative elements
User dashboard
custom illustrations woman and baby, photo of families with decorative elements
User dashboard and interface
custom illustrations woman and baby, photo of families with decorative elements
Resource playlist
March of Dimes design system snapshot
Resource library

Yext

Yext is a tech company that helps businesses manage and improve their digital presence and customer search experiences across the internet.

custom illustrations woman and baby, photo of families with decorative elements
Store location home page

Success

  • Delivered completed designs in a two-week sprint, including one to two rounds of revision.
  • Continuously iterated and optimized Yext-powered location pages, including the homepage, locator, and directory.
  • Provided early Uber integration on mobile store pages, preceding broader adoption and improving the customer experience.

Overview

Design Systems & Brand
custom illustrations woman and baby, photo of families with decorative elements
Footlocker design concepts
custom illustrations woman and baby, photo of families with decorative elements
American Eagle concept
March of Dimes design system snapshot
Sonic location page designs