CUSTOMER DISCOVERY & DEVELOPER HANDOFF

What A Life

Goal

To uncover pain points, opportunities, and insights as it pertains to the topic of legacy and family history and develop a viable solution using research-backed insights.

Skills

  • Accessibility
  • Information Architecture
  • Typography
  • Color Theory
  • User Research
  • Branding
  • Wireframing
  • Copywriting
  • UI Design
  • Rapid Prototyping
  • Developer Handoff

Overview

What A Life is a web app concept designed to help people preserve, organize, and share family memories, stories, photos, interviews, and historical context. Unlike projects that begin with a clearly defined problem, this project started with a broad idea around legacy and family history. I used customer discovery, research synthesis, information architecture, visual strategy, accessibility considerations, wireframing, prototyping, and developer handoff planning to turn that broad idea into a more focused product experience.

Challenge

The initial concept was too broad and overlapped with existing family tree and memory-sharing tools. The opportunity was to move beyond a general idea and uncover what users actually needed when preserving family stories, organizing files, interviewing loved ones, and sharing memories across generations.

My Approach

I began with discovery and ideation, then recruited potential users through a participant screening survey and conducted user interviews to better understand behaviors, motivations, pain points, and goals. I synthesized the research into key themes, including users’ desire to organize and share files, identify people in photographs, preserve recipes and stories, compare genealogy notes, and create meaningful compilations for future generations.

Strategy & Design Decisions

The research pointed to a more focused product direction: a story-preservation platform built around stories, storybooks, file organization, collaboration, and historical context. From there, I developed the information architecture, sitemap, navigation structure, wireframes, and prototype direction. I also made strategic design choices around typography, color, accessibility, and content structure to create an experience that felt warm, safe, organized, and approachable.

Sitemap

Wireframes

Solution

The final concept included a web app experience where users could create storybooks, upload and organize files, annotate images, assign people and categories, message collaborators, research historical events, and access educational resources about archiving and oral history. I also prepared key developer handoff materials, including a style guide, design system, annotated design files, assets, interactive prototype, user flow notes, and a feature checklist.

What This Case Study Demonstrates

This project shows my ability to take an early-stage idea from ambiguity to a structured product direction. It highlights my strengths in customer discovery, research synthesis, product strategy, information architecture, accessibility-aware design, wireframing, prototyping, and cross-functional handoff. It is a strongest example of the end-to-end support I can offer to founders and teams starting from scratch.

Specialties shown: Customer Discovery, User Research, UX Strategy, Information Architecture, Wireframing, Copywriting, Accessibility Review, Visual Strategy, UI Design, Rapid Prototyping, Developer Handoff, Product Strategy