shades
PROJECT: SHADES
ROLE: PRODUCT DESIGN
DURATION: 3 MONTHS
shades
PROJECT: SHADES
ROLE: PRODUCT DESIGN
DURATION: 3 MONTHS
shades
PROJECT: SHADES
ROLE: PRODUCT DESIGN
DURATION: 3 MONTHS
.01
Overview
I joined Shades after identifying UX issues in their feed: the experience was noisy, hard to scan, and overwhelming
for users. In my application, I outlined a redesign strategy, and was hired to bring it to life. My work directly
addressed those issues, resulting in a refined feed layout that prioritized content hierarchy and accessibility.
Though Shades shut down before the full rollout, this project sharpened my ability to lead redesigns, work cross-
functionally, and design for real-world constraints. The lack of metrics didn’t lessen the impact — it taught me how
to focus on problem framing, decision-making, and design rationale under startup pressure.
.01
objective
Overview
I joined Shades after identifying UX issues in their feed: the
experience was noisy, hard to scan, and overwhelming for users. In
my application, I outlined a redesign strategy, and was hired to
bring it to life. My work directly addressed those issues, resulting
in a refined feed layout that prioritized content hierarchy and
accessibility.Though Shades shut down before the full rollout, this
project sharpened my ability to lead redesigns, work cross-
functionally, and design for real-world constraints. The lack of
metrics didn’t lessen the impact — it taught me how to focus
on problem framing, decision-making, and design rationale under
startup pressure.
Glühen is a speculative UX case study that
Objective
Could we make controlling lights as seamless as flipping a
switch—without touching anything at all? Glühen explores how to
reduce friction in smart lighting through spatial design and
natural gestures, offering an alternative to today's text-heavy
apps.
.01
Overview
I joined Shades after identifying UX issues in
their feed: the experience was noisy, hard to
scan, and overwhelming for users. In my
application, I outlined a redesign strategy,
and was hired to bring it to life. My work
directly addressed those issues, resulting in a
refined feed layout that prioritized content
hierarchy and accessibility.Though Shades shut
down before the full rollout, this project
sharpened my ability to lead redesigns, work
cross- functionally, and design for real-world
constraints. The lack of metrics didn’t lessen
the impact — it taught me how to focus on
problem framing, decision-making, and design
rationale under startup pressure.
.02
What I Did
Audited the app and pitched a redesign strategy as part of my application — this critique led to me being hired.
• Audited the app and pitched a redesign strategy as part of my application — this critique led to me being hired.
Designed and prototyped a new Stories Entry Hook that encourages engagement with a swipe-through story format, beginning with video and ending in optional polls.
• Designed and prototyped a new Stories Entry Hook that encourages engagement with a swipe-through story format, beginning with video and ending in optional polls.
Built lo-fi and hi-fi wireframes in Figma, and mapped interaction flow for the new stories experience.
• Built lo-fi and hi-fi wireframes in Figma, and mapped interaction flow for the new stories experience.
Conducted usability tests and refined layout and interaction details based on qualitative feedback.
• Conducted usability tests and refined layout and interaction details based on qualitative feedback.
Ensured design decisions were aligned with Shades’ tone, prioritizing clarity, retention, and real-time content pacing.
• Ensured design decisions were aligned with Shades’ tone, prioritizing clarity, retention, and real-time content pacing.
.02
pain points
What I Did
What I Did
• Audited the app and pitched a redesign strategy as part of my application — this critique led to me being hired.
• Designed and prototyped a new Stories Entry Hook that encourages engagement with a swipe-through story format, beginning with video and ending in optional polls.
• Built lo-fi and hi-fi wireframes in Figma, and mapped interaction flow for the new stories experience.
• Conducted usability tests and refined layout and interaction details based on qualitative feedback.
• Ensured design decisions were aligned with Shades’ tone, prioritizing clarity, retention, and real-time content pacing.
• Audited the app and pitched a redesign strategy as part of my application — this critique led to me being hired.
• Designed and prototyped a new Stories Entry Hook that encourages engagement with a swipe-through story format, beginning with video and ending in optional polls.
• Built lo-fi and hi-fi wireframes in Figma, and mapped interaction flow for the new stories experience.
• Conducted usability tests and refined layout and interaction details based on qualitative feedback.
• Ensured design decisions were aligned with Shades’ tone, prioritizing clarity, retention, and real-time content pacing.
TAP TO VIEW
Wireframes / Hi-fidelity
.03
Why It Mattered
Shades lacked structure and meaningful entry points — breaking news looked visually identical to lower-priority
stories, and users had no real hook to start browsing. I redesigned the feed to create a more editorial experience
and introduced News Circles-style story interactions, using a visual-first story hook to drive entry. This
combination helped focus attention, improve readability, and simulate a curated, digestible news experience.
.04
Key Takeaways
Not every project ends with clean metrics — especially in early-stage startups.
But the lessons stick:
• How to structure and communicate a design rationale.
• How to audit, pitch, and execute a solution.
• How to navigate ambiguity and still create design value.
• How to structure and communicate a design rationale.
• How to audit, pitch, and execute a solution.
• How to navigate ambiguity and still create design value.
.03
Why It
Mattered
interfaces and unclear light mapping. Users struggle to identify which
Shades lacked structure and meaningful entry
points — breaking news looked visually
identical to lower-priority stories, and users
had no real hook to start browsing. I
redesigned the feed to create a more editorial
experience and introduced News Circles-style
story interactions, using a visual-first story
hook to drive entry. This combination helped
focus attention, improve readability, and
simulate a curated, digestible news experience.
.04
.03
.04
interactive prototype
Why It Mattered
Key Takeaways
Not every project ends with clean metrics — especially in early-stage startups. But the lessons stick:
• How to audit, pitch, and execute a solution.
• Selecting a light using a visual anchor
• How to navigate ambiguity and still create design value.
Shades lacked structure and meaningful entry points — breaking news
looked visually identical to lower-priority stories, and users had no
real hook to start browsing. I redesigned the feed to create a more
editorial experience and introduced News Circles-style story
interactions, using a visual-first story hook to drive entry. This
combination helped focus attention, improve readability, and simulate
a curated, digestible news experience.
access a control menu through gestures, seamlessly engaging with
interactable lights mapped to their physical environment. This dynamic
interface streamlines the lighting control experience, making it more
immersive, efficient, and engaging.
.04
Key Takeaways
Not every project ends with clean metrics — especially in early-stage startups. But the lessons stick:
• How to structure and communicate a design rationale.
• How to audit, pitch, and execute a solution.
• How to navigate ambiguity and still create design value.