My virtual badge

Drag it anywhere, or just hover. Click to flip it over.

Product design portfolio S · B
Sneha Baid
Product Designer

Systems, not screens.

#0-TO-1 #SYSTEMS #AI-TOOLING #RESEARCH
BENGALURU · BIRMINGHAM OPEN TO ROLES

Field notes

  • B.Arch, then a switch to product and UX
  • 50+ mixed-methods interviews across two research studies
  • 75% fewer handoff failures on the Birmingham City University blueprint
  • Six case studies, six different scales, one systems habit
Say hello

S · B, this portfolio, 2026

Product design portfolio

Systems work, designed as interfaces.

I design people experiences: the workflows, touchpoints, and systems that shape how people actually feel about the organizations they show up for, from first contact to offboarding. Before UX, I was an architect. I spent years learning how the constraints you can't see, structure, systems, load-bearing walls, determine the experience of the people inside. People operations has the same hidden architecture. I find it, map it, and design around it.

The six pieces below show that instinct at six different scales: end-to-end service blueprints built inside real HR-tech constraints, a full five-role product system built for a real recurring event, a founder-facing product pitch for Wispr Flow itself, an early mental-health app built around a research-first process, a personal concept exploring AI-assisted spatial mapping for a gardening app, and an MSc research study on AR try-on in jewellery retail.

At a glance, for 0-to-1 product design roles

Five things that keep showing up across the work below.

0-to-1, novel interactions

Rise Connect and Wispr Flow Concepts: full concepts built with no existing product to copy from.

Systems and visual craft

One token set held across 5 linked apps for Bengaluru Tech Week, not five separate designs.

Builds with AI tooling

Prototypes shipped in Claude Design; recruiting workflows automated with Zapier AI Agents.

Research-led

50+ mixed-methods interviews across Diamond Centre Wales and the MUM.me project.

Enterprise scale

Cross-border hiring systems at Birmingham City University and ManpowerGroup.

Reading this as a hiring manager? Pick the lens.

Leads with, for People Experience Designer

The Birmingham City University service blueprint: cross-border hiring workflows redesigned end to end across 50+ international hires, cutting process handoff failures by 75%. Paired with a full mixed-methods research practice, 50+ interviews for a senior stakeholder team at Diamond Centre Wales.

Leads with, for HR Tech Product Designer

An AI-driven audit of the Oracle recruiting system: 4 duplicate steps eliminated from the hiring lifecycle, a 30% cut in people-ops redundancy and a 40% lift in candidate NPS. The Bengaluru Tech Week system shows the same instinct applied to a five-role product, not a single workflow.

Leads with, for UX Researcher

A full mixed-methods study, qualitative and quantitative, delivered to a senior stakeholder team at a luxury manufacturing brand evaluating new technology adoption: 50+ user interviews, synthesized in Maze and Otter.ai.

Leads with, for Candidate Experience Design

Candidate lifecycle touchpoints mapped across 2 client accounts at ManpowerGroup, 400 touchpoints surfacing the drop-off patterns behind a workflow redesign that cut candidate ghosting by 50%, alongside the 40% NPS lift from the Oracle recruiting redesign.

Track record, by the number

0%
Reduction in process handoff failures, cross-border hiring blueprint, Birmingham City University
0%
Lift in candidate NPS from an AI-driven audit of the Oracle recruiting workflow
0%
More qualified placements in 6 months after a sourcing workflow redesign, ManpowerGroup
0+
Mixed-methods user interviews, full qual and quant study, Diamond Centre Wales
0
Candidate touchpoints mapped across 2 client accounts, ghosting down 50% as a result
0 hrs
Saved weekly per recruiting team, absence-monitoring workflow automated with AI tooling

Method and tools

  • Service blueprinting
  • Information architecture
  • Journey mapping
  • Mixed-methods research (Maze, Otter.ai)
  • Figma, end to end
  • Design systems and tokens
  • Workflow automation (Zapier AI Agents)
  • 0-to-1 concepting

Selected work and full experience below.

Experience

  1. Aug 2026
    Program Associate, Rise · 2-week trial

    Student onboarding for an education organisation, coordinating across students, mentors, writing coaches, and parents. Rise Connect (above) came out of this window.

  2. Jun–Jul 2026
    Brand Operations Executive, The Design Daftar · Bengaluru

    Owned brand operations and ran design-team hiring end to end, JD authoring for two levels and sourcing strategy across six channels, inside eight weeks.

  3. Nov 2024–Dec 2025
    Resourcing Advisor (People Operations Consultant), Birmingham City University · UK

    Redesigned cross-border hiring workflows into a single end-to-end service blueprint (50+ international hires, 75% reduction in handoff failures). Ran an AI-driven audit of the Oracle recruiting system (30% cut in redundancy, 40% lift in candidate NPS).

  4. Oct 2023–Nov 2024
    Service Delivery Consultant, ManpowerGroup · United Kingdom

    Redesigned sourcing and engagement workflows in Bullhorn and HireVue (45% more qualified placements in 6 months, 20% faster time-to-shortlist). Mapped 400 candidate touchpoints across 2 client accounts, cutting ghosting by 50%.

  5. May–Oct 2023
    User Research Associate, Diamond Centre Wales · United Kingdom

    Full mixed-methods research study, qualitative and quantitative, delivered to a senior stakeholder team at a luxury manufacturing brand evaluating new technology adoption. 50+ user interviews.

  6. 2020–2022
    Architecture practice · Bengaluru

    Junior Architect at CBRC Architects, Spatial Designer-Architect at SNN Builders, a freelance interior design commission, and an architectural internship at ID+AS. The years the "load-bearing walls" framing comes from.

Education

  1. 2023
    MSc User Experience Design, Birmingham City University
  2. 2021
    Bachelor of Architecture (B.Arch), PES University
Back to portfolio

Case study 02 · Self-directed concept

Rise Connect

Mapping four stakeholders onto one system, in the first three days of a two-week trial.

Role
Program Associate
Company
Rise
Duration
Days 1–3 of a 2-week trial
Status
Sketch, later prototyped
01

The coordination problem

Rise runs one-on-one, application-writing programs for high school students. Every student's journey runs through four people who rarely see the same information at the same time: the student, an assigned mentor, a writing coach, and a parent.

By day two of the trial, running that coordination by hand was the actual brief. I wrote a Student Onboarding Playbook naming the Program Associate as the student's single point of contact, and specifying the flow end to end: six manual steps, no system holding them together, one person doing all six for every student.

Working solo, on a two-week trial, inside someone else's org, meant I had no engineering time and no mandate to build anything. The constraint shaped the deliverable: this had to be a sketch that argued its own case, not a build.

THE MANUAL PLAYBOOK · DAY 1

What a new student's first week actually required. Every arrow below is a separate, manual action.

STEP 01New student assignedProgram Associate
STEP 02Chat group createdGoogle Space
STEP 03Acceptance email sentProgram Associate
STEP 04Intro message postedMentor + Coach
STEP 05Start date loggedProgram Associate
STEP 06Parent contactedProgram Associate

↪ one person runs all six steps, by hand, once per student.

02

The lens

“Before UX, I was an architect. I spent years learning how the constraints you can't see, structure, systems, load-bearing walls, determine the experience of the people inside. People operations has the same hidden architecture. I find it, map it, and design around it.”

HER FRAMING FOR THIS KIND OF WORK
03

The concept: Rise Connect

The manual playbook worked, but it also showed where it would break at scale: coordination for every student lived entirely in one person's inbox and chat client. On day three, I sketched a shared portal that puts all four stakeholders on one surface: four always-on views standing in for the six manual handoffs above.

Rise Connect · Dashboard
ON TRACK
FOLLOW UP
ON TRACK

DASHBOARD

One view of where every student stands. Replaces steps 01, 03 and 05.

Rise Connect · Scheduling
UPCOMING

SCHEDULING

Mentor and coach sessions in one calendar. Replaces step 04.

MentorWriting Coach

CHAT

Threaded by stakeholder, not by inbox. Replaces step 02.

Rise Connect · Leave request
TYPE
SickPersonalOther
Submit request

LEAVE

Mentors and coaches request time off inside the same system that tracks them.

04

Craft decisions worth zooming into

Status tags over a fifth stakeholder view. Rather than adding a separate "issues" screen, on-track and follow-up states are surfaced as small colour-coded tags directly inside the dashboard cards, so the coordination gap is visible at the same glance as the roster, not one click away.

Threaded by stakeholder, not by inbox. The chat surface groups conversation by role (mentor vs. writing coach) instead of chronologically, matching how a Program Associate actually thinks about a student's case: "what does the mentor need to know" is a different question from "what's the latest message."

Leave requests live where they're tracked. Mentors and coaches submit time-off from inside the same system that already holds their schedule, instead of a separate form, so a request and its downstream scheduling conflict show up in one place.

05

From sketch to working prototype

The wireframes above were a 72-hour sketch. I later took the same coordination instinct and built it out as a clickable prototype in Google Stitch, this time from the student's side: a Research Progress tracker that turns the six-phase academic journey into one always-visible status view, the same move as the staff-side dashboard above, applied to the person the whole system exists for.

Click through the tracker below, an in-page recreation of the Stitch prototype, with sample progress shown for a student partway through the program.

Complete

The student joins the program and is matched with a mentor and writing coach based on their research interest. This phase closes once that trio has had its first introduction.

Complete

Mentor and student align on a working research question together, translating a broad interest into something specific enough to actually research.

In progress

The question is finalized and logged here, the anchor every later phase gets checked against as the project develops.

Upcoming

Structured interviews, surveys, or source-gathering, tracked against the plan set with the mentor in the previous phase.

Upcoming

Iterative drafts reviewed by both mentor and writing coach before a phase is marked complete, the same threaded-by-stakeholder pattern as the staff dashboard above.

Upcoming

Final submission and, where applicable, publication or competition entry, the milestone the whole six-phase view exists to make visible.

Rise Research · built in Google Stitch View the original build The live prototype the tracker above recreates. Open it to verify the interaction end to end.
06

The business question

A portal isn't free to build, so before sketching further I worked through the question a founder would actually ask: what would this need to prove, in credibility and in revenue, to justify building it, and what are the concrete next steps between this sketch and a real decision. That framing, not the wireframes, is what a first conversation about this concept should start from.

07

What this was, and wasn't

This started as a 72-hour exploration in the first week of a two-week trial, run alongside, not instead of, the actual brief of onboarding Rise's first cohort by hand. It was never formally pitched, scoped, or shipped as Rise software; the Stitch build above is a personal prototype, not a production system.

What it demonstrates is the instinct underneath it: given an undefined coordination problem across four groups with no existing product to copy, map the manual system first, find where it breaks, then design the structure that replaces it, and follow it far enough to see it actually click and scroll. It's the same move as reading a floor plan for the load-bearing walls before deciding what can move.

Back to portfolio

Case study 01 · Freelance / volunteer

Five roles, one system, Bengaluru Tech Week

A shared product system I designed, solo, for a real multi-day city tech event: covering the general attendee, the host running sessions, the registered participant, and the volunteer crew, all from one set of tokens and components.

Role
Product Designer
Engagement
Freelance / volunteer
Surfaces
5 linked apps
Status
Prototyped end to end
01

One event, four completely different people

Bengaluru Tech Week runs across the city for a week: dozens of sessions, dozens of venues, and four groups who each need a tool that does something the others don't: an attendee deciding what to go to, a host publishing and running sessions, a participant collecting proof they showed up, and a volunteer crew that needs to be scheduled and briefed. Left alone, that's four teams building four unrelated tools. I designed one system instead.

02

One token set, reused across every surface

Every one of the five apps shares the same CSS custom properties, the same component classes (.card .btn-primary .chip .switch), and the same type pairing, pulled from the event's own brand kit and not invented for the mockups. This is the same discipline design systems need at any scale: change a token once, every surface stays consistent, instead of drifting app by app.

Lightfrom bengalurutechweek.com/media-kit
#f9f0dd
#0b142f
#e0680f
#fffbf3
#1f8a5f
Darksame tokens, remapped
#091018
#f1eade
#f2934a
#0c1427
#3fbf8f
03

Five surfaces, one shell

My BTW · attendee

Dashboard, Calendar, Saved Events, My Attendance, Connect & Support: the entry point for anyone just trying to figure out what to go to this week.

Host Studio · session hosts

Overview, My Events, Create Event, Check-in, Insights, My Host Profile: a live-preview event builder that publishes straight to Luma alongside BTW.

Participant · registered attendee

Everything in My BTW, plus My Profile and the Digital Passport: proof-of-attendance turned into something worth collecting.

Volunteer Workspace · crew

Overview, Assignments, Availability, Agreement, Resources: the scheduling and consent layer the event actually runs on.

04

Craft worth zooming into

The system held up under scrutiny because I iterated it, not just shipped it once. Three details below are the ones I'd walk through in an interview.

THE DIGITAL PASSPORT, FROM V1 TO V2

Proof-of-attendance, rebuilt as a thing worth collecting

V1 was a plain attendance checklist. I rebuilt it as a set of 100 hyper-local Bengaluru stickers (die-cut seal shapes with a CSS clip-path outline and a holographic foil sheen on hover), earned by checking into real sessions, with a drag-and-drop board to arrange the ones you've collected.

The copy is where the personality lives: every sticker name is a Bengaluru in-joke, not a generic badge label.

01
No Talkie
Before Filter
03
Silk Board
Survivor
04
Dosa Driven
Development
11
Auto Anna
27
MTR Sunday
Ritual
🔒
Made In BLR
HOST STUDIO

A builder with a live preview, and a publish flow that goes further than one calendar

Creating an event updates a live phone-sized preview as the host types, so no one publishes blind. At the end, "Publish to" isn't just a submit button. It's a choice between listing on BTW alone or also cross-publishing to Luma, with the two kept as separate connected-app toggles rather than one silent sync.

Publish to
Show up wherever people are already looking
B
Bengaluru Tech Week
Always listed
On
L
Luma
Also list on your Luma calendar
Save as draftPublish event
VOLUNTEER WORKSPACE

Consent, made specific instead of a checkbox

Volunteers hand over availability and contact details to a crew of strangers coordinating them for a week. The Agreement screen says exactly what that means instead of hiding it in a blanket terms link:

"Share only operational information you are comfortable using for BTW assignments. Contact consent does not reveal your email address."
ALSO TRUE ACROSS ALL FIVE APPS

A "View on phone" toggle on every desktop screen, so a host or volunteer lead can sanity-check the mobile view without leaving their laptop:

View on phone

And nav labels stay visible at every desktop width rather than collapsing to icons. That's a deliberate call, not a default: icon-only nav forces guessing.

05

What this was, and wasn't

This was freelance and volunteer design work for a real, recurring Bengaluru event, not a corporate 0-to-1 team project and not internal software. I designed and prototyped all five surfaces myself: the interaction design, the component system, the copy, and the iteration on the Passport specifically.

What it wasn't: a funded product team with engineering, research, and a launch. It's five fully interactive prototypes sharing one real design system, built by one designer working across every role the event actually has.

Back to portfolio

Case study 03 · Founder pitch, unsolicited

Four ways Flow becomes more than dictation

A self-directed product pitch for Wispr Flow's own team, built in Claude Design. The premise: the same speech-understanding engine that powers dictation can carry four new surfaces without becoming four new products. Each tab is a working simulation rather than a static mockup.

Role
Product Designer
Target
Wispr Flow
Tool
Claude Design
Status
Unsolicited concept pitch

Four directions

Translate Mode

Speech understanding applied across languages in real time, not just transcription in one.

Team Knowledge Capture

Turning spoken team context, meetings, standups, hallway decisions, into something a team can search and reuse later.

Voice Journal

A personal, reflective surface for the same engine, built for a single user thinking out loud rather than a team producing output.

100 Unexplored Use Cases

A mapped surface of directions the core speech engine hasn't been pointed at yet, framed as a growth argument, not a feature list.

02

Why one pitch, four tabs

Flow's core asset isn't dictation, it's real-time speech understanding. Framing four directions as tabs of one working prototype, instead of four separate decks, was the actual argument: the same engine, pointed at four different jobs, without a rebuild for each one.

03

Design approach: rapid, AI-assisted prototyping

This wasn't built as flat comps. Each of the four tabs is an interactive, clickable simulation, built and iterated directly inside Claude Design rather than handed off from static Figma frames afterward. That's a deliberate match to how a novel, no-category-reference interaction problem actually gets solved: prototype the behaviour first, since the behaviour is the part that can't be evaluated from a picture.

04

Try a tab

Below is an in-page recreation of the interaction model for each tab, rebuilt directly in this page rather than screenshotted. It's a lighter version of the real thing, the full click-through prototype, built and iterated in Claude Design, is one tap away underneath.

SPOKEN · EN
"Let's push the deploy to Friday instead of Thursday."
FLOW OUTPUT · ES
"Vamos a mover el despliegue a viernes en lugar de jueves."

Speech understood once, rendered in the reader's language automatically, not a separate transcribe-then-translate step.

Standup · Tuesday
"Blocked on the auth migration until infra approves the ticket."
#blockers
1:1 · Design review
"Decided to ship translate mode behind a flag first."
#decisions
Hallway · Thu 2:14pm
"Marketing wants the growth numbers before the all-hands."
#follow-ups

Spoken context, tagged and searchable, instead of lost the moment the meeting ends.

MON

Talked through the Q3 roadmap out loud before the planning doc existed, helped me notice the sequencing was off.

WED

Recorded a quick reflection right after the user interview, three call-outs I'd have forgotten by morning.

FRI

A voice memo turned into a written retro draft automatically, no separate transcription step.

A private, reflective surface for the same engine, for one person thinking out loud rather than a team producing output.

Courtroom transcriptionLive event captioningMultilingual support desks Field research notesSurgical documentationPodcast show notes Accessibility dictationVoice-first CRM entryClassroom note-taking Therapy session summariesSales call coaching+ 89 more mapped

A sample of the mapped surface, framed as a growth argument for where the engine could go next, not a shipped feature list.

Wispr Growth Concepts · built in Claude Design View the original build The full live prototype the tabs above recreate, all four surfaces. Open it to verify the interaction end to end.
Back to portfolio

Case study 04 · Team project, MSc

MUM.me

A mental health app for pregnant women, built from market research through usability testing with a university project team.

Role
UX/UI Designer
Team
Group project
Duration
Oct 2022–Jan 2023
Tools
Figma, Miro, MS Teams
MUM.me app screens: a guided podcast episode, an activity library, and the community tab
Podcast guidance, an activity library, and community: three of the app’s core sections.
01

Problem identification

We were given the opportunity to ideate an application in the healthcare industry, and explored several directions within the sector before settling on one. During research, we decided to focus on a woman's pregnancy journey specifically, after noticing a real gap: a lack of facilities that appropriately address mental health during that time.

02

Market research

Anxiety during pregnancy doesn't only affect the mother. Research shows stress increases the risk of preterm birth, low birth weight, earlier gestational age, and smaller head circumference in the fetus, and perinatal mental health problems affect a significant share of women during pregnancy and the first year after birth.

10–20%
of women affected by perinatal mental health problems during pregnancy and the first year postpartum

Source: ncbi.nlm.nih.gov/pmc/articles/PMC5052760

03

User research

We gathered qualitative and quantitative data through one-to-one interviews (conducted over Teams with pregnant women who had a history of mental health concerns), an online survey distributed across social platforms and forums, and outreach through Facebook groups focused on pregnancy and mental health.

The results pointed at a consistent pattern:

  • Heightened anxiety, decreased sleep, and increased OCD symptoms, with stress and OCD called out most often.
  • Some women turned to mindfulness through meditation and physical exercise to cope.
  • Many already used tracking apps, but the apps fell short on clarity: it took a long time to understand how to use them well.

That gap, clarity over comprehensiveness, became a direct input into the design decisions below.

04

Personas

We built four personas from the research, categorized by age, profession, trimester, personality, and medical history. One persona was deliberately designed blind, to force the team to think about inclusive and accessible design from the earliest brain-dumping stage rather than retrofitting it later.

Persona spread for Amanda, 28, a blind HR manager, with her background, needs, frustrations, motivations and personality traits
One of four personas, built deliberately blind to pressure-test the app’s accessibility from day one.
Scenario 1

Amanda, 28

Planning ahead, blind, drawn to creative outlets

Wants resources she can prepare with before pregnancy: phone check-ins, guided stress-relief sessions, and a daily creative activity like sketching that also works for her blindness, something she couldn't find elsewhere.

Scenario 2

Olivia, 24

First pregnancy, third trimester

Anxious about the birthing process and whether she's ready to care for a newborn. Already relies on meditation apps, but wants something pregnancy-specific and a sense of community.

Scenario 3

Claire, 35

Senior software developer, conceived after multiple attempts

Financially independent and used to being in control, now facing stress and anxiety from age, hormonal changes, and workload converging at once. Wants to learn from other pregnant women's experience.

Scenario 4

Theresa, 30

History of depression, sight impairment affecting colour distinction

Looking for a healthy distraction, specifically an app that encourages organisation and decluttering as a coping mechanism, but sceptical of apps given how hard they are to use with her sight impairment.

05

From research to features

We card-sorted every pattern surfaced through research and persona work, then ran it through a SWOT analysis (strengths, weaknesses, opportunities, threats) to translate pain points into features and activities. From there we built individual user journeys for each scenario, grounded in age, profession, and personal context rather than a single generic flow.

Market researchUser researchPersonasCard sorting + SWOTJourney mappingLow-fi prototypeVisual designUsability testing
The full MUM.me app flow diagram, from opening the app through onboarding, meditation, activity and community branches
The full app flow, mapped branch by branch before a single high-fidelity screen was drawn.
06

Visual design system

Every visual decision traced back to a research finding or an accessibility guideline, not a moodboard.

COLOUR SCHEME
Purple
Green

Purple for calm and relaxation, green for new beginnings, growth, and life. A deliberate pairing for a pregnancy-focused mental health app, not a default palette.

COLOUR CONTRAST

Every text and background pairing meets a minimum 4.5:1 contrast ratio, so the app stays usable for people with visual impairments, including the persona built around that constraint from day one.

BUTTON SIZE

A minimum touch target of 44×44px throughout, so the interface stays usable across different levels of dexterity and motor skill.

TYPOGRAPHY

RECOLATA · 1:1.5 HEADING-TO-BODY RATIO

Body text set 1.5× the size of a comparable heading step, chosen for its clean lines and rounded edges: friendly and approachable, appropriate for a mental health app meant to feel welcoming rather than clinical.

LOGO EXPLORATION
mum.me

The wordmark plays on two letterforms: the u stands in for the mother and child, and the e hints at the brain, and mental health, at the centre of the app's purpose.

Hand-drawn logo iterations for MUM.me exploring the U and e letterforms, ending in the final purple wordmark
From hand-drawn iteration to final mark, the u and e doing the conceptual work.
07

High-fidelity and micro-interactions

Low-fidelity prototypes were tested and refined before moving to high-fidelity screens, so navigation and structure were already validated by the time we made confident calls on colour, type, and iconography. Micro-interactions were layered in specifically to make navigation feel less confusing at the moments users were already anxious, small motion cues rather than decoration.

Low-fidelity greyscale wireframes for the MUM.me app, mapping screen structure before visual design
Low-fidelity wireframes, used to test navigation and structure before any visual design began.
Ten high-fidelity onboarding screens: sign up, connect with mums and specialists, selfie verification, and due-date setup
Onboarding: sign-up, selfie verification, and due-date personalisation, ten screens end to end.
High-fidelity community screens: group chats by topic, one-to-one messaging with therapists and midwives, and video calls
Community: topic groups, one-to-one chat with licensed professionals, and video calls alongside peer support.
High-fidelity meditation and activity screens: daily mood check-in, guided meditation, art therapy, and zen-tangle drawing exercises
Meditation and activity: a daily mood check-in and two physical-digital hybrid exercises, light art and zen-tangle drawing.
08

Accessibility study

We worked from Apple's accessibility guidelines throughout: a minimum 4.5:1 contrast ratio between text and background, verified with a contrast-checker tool, and a rule against using colour as the only way to convey information, backed up with alternative text for images and other visual content.

09

Usability testing

We ran a cognitive walkthrough for quantitative testing alongside a System Usability Scale (SUS) test for qualitative feedback. After analysing the results, we catalogued what worked without friction against what needed another pass, and folded the second category into a set of future development priorities rather than shipping it as-is.

10

What this was, and wasn't

This was an MSc group project, run over roughly three months, ideated, researched, designed, and usability-tested as a healthcare-sector brief. It was not a funded startup or a shipped product; the deliverable was a high-fidelity Figma prototype with tested micro-interactions, not a live app.

What it demonstrates: taking a broad brief (healthcare) down to a specific, underserved problem through research rather than assumption, then keeping every visual and interaction decision, colour, contrast, button size, type ratio, traceable back to either a user finding or an accessibility standard. It was also the first project where I worked this way as part of a team rather than solo, splitting research and design labour while still owning the visual system end to end.

MUM.me · built in Figma View the original prototype Click through the tested, high-fidelity flow end to end.
Back to portfolio

Case study 05 · Personal concept

Urban Eden

An AI-assisted balcony-gardening concept, explored screen by screen in Google Stitch: what a "scan your space, get a plan" interaction looks like when spatial understanding meets a small patch of concrete.

Role
Concept designer
Tool
Google Stitch
Scope
Single-screen exploration
Status
Concept, not built
01

The premise

Most gardening apps are built around people who already have a garden. Urban Eden starts from the opposite constraint: a bare concrete balcony, and a person with no idea where to begin. The entry point isn't a plant catalogue, it's a promise: "Start Your Balcony Transformation," backed by a spatial-scan feature that turns the blank space itself into the input.

02

The screen, recreated

This is a faithful recreation of the home surface from the Stitch exploration, rebuilt in code rather than screenshotted, down to the copy, the badge, and the tab order.

Urban Eden
Limited Time Workshop

Start Your Balcony Transformation

Turn your concrete space into a private sanctuary with our expert-led design guides.

Explore Templates
Watch Case Studies
Scan My Balcony
AI-powered spatial mapping & plant recommendations
Inspire
My Garden
Design
Library
03

The design system, read off one screen

Even a single explored screen carries a system, and the pieces here are legible: a four-item bottom nav that splits the product into discovery, ownership, planning, and reference (Inspire, My Garden, Design, Library), a two-tier CTA pattern (solid for the primary action, outline for the secondary), a status-pill component for time-bound content ("Limited Time Workshop"), and a recurring feature-row pattern, icon, title, description, chevron, reused for the spatial-scan entry point.

InspireMy GardenDesignLibrary

That taxonomy is doing real product work: Inspire is the top-of-funnel content and template layer, My Garden is the ongoing ownership surface once a plan exists, Design is the planning tool itself, and Library is reference material, workshops and case studies decoupled from any single project. Four different jobs, one shell.

04

Where the AR/spatial idea lives

"Scan My Balcony" is the concept's actual hook: point a phone camera at an empty balcony and get AI-powered spatial mapping and plant recommendations back, standing in for the AR-style camera-to-plan interaction the rest of the product is organized around. On this single screen that's a promise, a feature row with a camera affordance, not a working scan flow, but it's placed exactly where a real product would put it: above the fold, before any plant catalogue, as the thing that turns a visitor into a project.

05

What makes it distinct

Most plant-ID or gardening apps are single-purpose: identify a plant, or browse a catalogue. Urban Eden's premise stitches three things that usually live in separate apps into one shell: a spatial-scan planning tool (the AR-adjacent hook), a template-and-workshop content layer (the "Explore Templates" / "Watch Case Studies" pairing, aimed at people who need to be taught, not just sold to), and a shopping entry point sitting in the header, so a recommendation has somewhere to go. The uniqueness isn't any one screen, it's that combination targeted specifically at people with no garden yet, the underserved end of the category.

Urban Eden · built in Google Stitch View the original screen The real Stitch preview the recreation above is built from.
06

What this was, and wasn't

This is one home screen, explored in Google Stitch as a personal concept, not a multi-screen click-through and not a researched, tested product like MUM.me or Bengaluru Tech Week. There's no plant database, no working scan flow, and no user research behind the persona this targets.

What it's here to show is a different instinct: reading a full product, information architecture, interaction model, and positioning, off a single well-considered screen, and being honest about exactly where the line between "designed" and "built" sits on each project in this portfolio.

Back to portfolio

Case study 06 · MSc dissertation, industry project

Diamond Centre Wales

Mixed-methods research into how AR and digital twin technology could fit the Ceric jewellery app without losing what makes buying jewellery feel like buying jewellery.

Role
UX researcher and designer
Context
MSc dissertation, with an industry partner
Duration
Summer 2023
Tools
NVivo, SPSS, MS Teams, Figma
01

The brief

Diamond Centre Wales is a bespoke jewellery manufacturer and registered diamond merchant in Wales. Its Ceric app lets customers design jewellery and view it in AR or on a 3D model. The business wanted to go further on omnichannel, joining its online and in-person experience, without losing the tactile, heritage side of buying jewellery.

That became my MSc dissertation at Birmingham City University, run as an industry project with the company. The research question: how can jewellers use augmented reality and digital twin technologies to personalise customer experiences across online platforms like mobile apps and offline touchpoints?

02

Research design

An exploratory sequential mixed-methods design: qualitative work first, to find out what customers and retailers actually care about, then a survey and a prototype test to check how far those ideas held up.

20
semi-structured interviews: 15 recent jewellery buyers, 5 retail sales associates
3
in-store observation visits to jewellers in Birmingham
50
Likert-scale survey respondents
10
participants testing an AR try-on prototype
Literature reviewInterviews + observationThematic codingSurveyPrototype test + SUSPersonasFrameworkApp flow
03

What customers told us

Interviews ran 30 to 45 minutes, nine online and eleven in person, with a mix of British participants and immigrants from Nigeria and India (ten each). Open coding of the transcripts surfaced four areas. Pick one.

  • Many customers stressed physically handling jewellery before buying: tactility, design details, trying pieces on.
  • At the same time they wanted more convenience and flexibility. Appointment-only policies at high-end retailers frustrated some.
  • Reactions to AR and VR were mixed: some excited, others sceptical about replacing the physical experience.
  • Quality and authenticity worried people most on higher-priced pieces. Sparkle and turning a piece to check the setting mattered.
  • Seeing hallmarks and engraved serial numbers in person was reassuring on branded jewellery.
  • Some doubted that AR could render resolution and materials well enough to judge quality.
  • Many valued sales associates for trust and personal service, and some had ongoing relationships with specific staff.
  • Others found staff intimidating or inconsistent, and were more open to AR reducing their reliance on them.
  • Customisation and styling guidance came up as service a digital experience could extend.
  • Learning about craftsmanship, design heritage, and brand values in the shop made an impression on some luxury buyers, and AR could carry that storytelling further.
  • Browsing a full collection that isn't physically on display was appealing for discovering a brand's design style.
04

What the survey added

Fifty respondents (53% female, ages 18 to 65, mostly women between 25 and 40) rated statements on a 7-point scale covering AR shopping intention, ease of use, and privacy risk. Most felt AR would help them visualise how a piece looks when worn and personalise the experience, and many felt it could help them judge quality and workmanship online. Privacy risk was the brake: respondents said concerns about their data made them hesitant to use AR for jewellery. The age and gender profile also fed directly into the personas.

05

Testing an AR try-on prototype

To see what AR try-on feels like in practice, ten participants used a template-based AR try-on prototype built from the Trillion virtual try-on template, trying and customising digital jewellery, then answering the System Usability Scale and open feedback questions.

73
average SUS score: good, not excellent
  • Participants liked the immersive visualisation and customisation, and being able to try more pieces from home.
  • Friction: 3D models were slow to load, and buttons were too small to tap precisely on a phone.
  • Some worried they could not judge real diamond shine or metal finish on screen.
  • Understanding of AR varied: some thought the jewellery was video projected onto them, which points to a need for clearer onboarding.

This was a third-party template, not Diamond Centre Wales's own build, so the findings are about the interaction model rather than about Ceric itself.

06

Two personas

The research was synthesised into two contrasting customers, one who is a good first audience for AR and one who is not.

Persona 1

John Watt, 58

Engineer, married. Less comfortable with newer technology

Prefers to shop in store, where he can see, test, and inspect pieces himself and deal with sales staff one to one. Wary of AR and digital twins for virtual try-on, puts personal trust first, and is concerned about sharing personal data online.

Implication: not the target for an initial launch. Awareness can grow slowly through in-store trials, with messaging about tradition, craftsmanship, and human connection.

Persona 2

Elina Jackson, 27

Digital marketing manager, Manchester. Single, tech-savvy early adopter

Browses jewellery online and uses AR try-on at home to shortlist before going into shops for final choices. Values customisable, personalised experiences and a seamless link between digital and physical channels. Has some privacy concerns, not enough to put her off.

Implication: an ideal first audience. Messaging should lead with customisation, omnichannel integration, and clear privacy practices.

07

A framework: six principles

The deliverable was a strategic framework for rolling out AR and digital twin features in a human-centred way. Hover or tap a principle.

01

Complement the physical

Enhance key touchpoints, keep the in-person inspection that still matters, and let customers move between physical and digital.

02

Ensure perceived authenticity

Realistic materials and lighting, high-resolution models from every angle, and room to zoom in on details like hallmarks.

03

Personalise the journey

Self-paced browsing, interactive customisation, and suggestions based on individual preferences.

04

Roll out in phases

Pilot with early adopters first, add features as learning is validated, and support onboarding.

05

Co-create with customers

Involve real customers in design, build feedback loops through surveys and betas, and let people shape their own experience.

06

Measure rigorously

Set KPIs for engagement and feature use, use twin data to study journeys, and keep asking about enjoyment, trust, and ease.

08

Where AR belongs in the journey

The recommendations matched different AR uses to different moments rather than treating it as one feature.

  • QR codes in store that open AR models of pieces not physically on display.
  • At-home try-on of items found online, to gauge fit and styling and narrow options.
  • AR-enabled social campaigns, since digital models are easy to share.
  • AR mirrors in store to compare shortlisted pieces side by side.
  • Sales associates showing customisations and engravings on a tablet.
  • Online orders finalised after a virtual try-on, to confirm fit and reduce returns.
  • Seeing a purchased piece in different settings and outfits afterwards.
  • A digital jewellery box with AR as a modern way to keep forever pieces.
  • Shareable AR models, re-orders, and brand storytelling to keep people engaged.
09

From interviews to an app flow

Interviews also produced a long list of concrete things customers wanted in an app. A selection:

Full diamond grading detailEquivalent GIA, AGS, IGI scoresOrigin and ethical sourcingRing sizing guidanceClear stock or made-to-order status360 degree videos of finished piecesLive gold and diamond pricesAppointment booking and live chatManufacturing videosCustomer reviews+ more in the dissertation

These and the framework fed a proposed app structure, drawn in Figma: product categories, virtual try-on, a live gold price tracker, account, and settings.

Site map of the proposed jewellery app with five sections: product categories, virtual try-on, live gold price tracker, account, and settings, each broken into pages and features.
Proposed app flow, built in Figma from the interview and survey findings.
10

What this was, and wasn't

This was an academic research project run with an industry partner. The output was a framework, personas, recommendations, and a proposed app flow, not a shipped feature in Ceric.

The limits are real and I listed them in the dissertation: recruitment was non-random and the samples were small, the survey was self-reported, usability testing happened in a lab rather than in a shop, the prototype was a template with fewer features than a commercial system, and a full technical evaluation of the AR build was not possible in the time available.

What it shows is the research habit I bring to design work: talk to customers and staff, observe the real setting, test with a prototype, and turn what is learned into principles a team can act on.

Diamond Centre Wales · Ceric See the Ceric app The company's jewellery design app, with AR and 3D viewing. diamondcentrewales.com