2024
2024
Livly
Livly
Superveggie is a longevity-focused app inspired by Bryan Johnson’s Blueprint, combining Sleep tracking (via Apple Watch) and Meal planning.
Website Redesign
Private Label
User Experience
Challenges
As Handelnine Global expanded its portfolio of in-house brands, each grew its own visual style — and with it, a web of inconsistencies.
Super Veggie is a longevity-focused lifestyle app inspired by Bryan Johnson’s Blueprint philosophy. It aims to help users improve their health through two core experiences:
The Challenge
The Challenge
Stronger Product Focus – Introduced interactive hover transitions on product cards, increased image prominence on product pages, and added a features section with close-up visuals.
Cohesive Visual Identity – Standardized banners, product shots, and feature visuals with uniform backgrounds to create a seamless aesthetic.
The redesign was guided by research and focused on clarity, trust, and brand alignment through six key initiatives:
Goals & Objectives
Goals & Objectives
Consistency
Establish a single, scalable design system for all brands
Flexibility
Design components that can flex across brands without duplication
Mobile-First
Prioritize mobile responsiveness and accessibility
Scalability
Streamline handoffs between design and development teams
Process
Process
Audit
Define Tokens
Build Components
Brand Implementation
Enhanced and Scalable Design System – Enhanced the existing system with a refreshed color palette, scalable typography, grids, and reusable components, ensuring consistency and flexibility for future growth.
Design Foundations
Design Foundations
Applying Atomic Design Principles to create components for our system.
The Design System is based on the following set of principles to help designers make informed choices about how to approach a project:
Components and Patterns
Components and Patterns
User Experience Enhancements – Added a customer reviews section to establish trust and crafted smoother content flow across pages.
Multiple brands could share identical structural components, yet look entirely distinct through customized palettes and imagery.
Responsive by Design
Responsive by Design
The redesign transformed Copper Studio’s website into a modern, trustworthy, and performance-ready platform:
Role: UX Researcher and Designer, Information Architect
Project type: Group academic project (4 members)
Timeline: 14 weeks
Tools: Figma, UX metrics
Applied Across Brands
Applied Across Brands
Responsive & High-Performance Design – Optimized for mobile-first use, implemented SEO best practices, and improved load times.
This proved the system’s flexibility — one foundation powering several contrasting identities.
Impact & Outcomes
Impact & Outcomes
Navigation became effortless
Products were showcased with clarity and elegance
Engagement and trust improved through visuals and reviews
Bounce rates decreased and user satisfaction rose
Copper Studio finally had a digital presence that matched the ambition of its rebrand.
See how this system came to life in the CopperStudio website redesign
2024
Livly
Superveggie is a longevity-focused app inspired by Bryan Johnson’s Blueprint, combining Sleep tracking (via Apple Watch) and Meal planning.
Website Redesign
Private Label
User Experience
Challenges
As Handelnine Global expanded its portfolio of in-house brands, each grew its own visual style — and with it, a web of inconsistencies.
Super Veggie is a longevity-focused lifestyle app inspired by Bryan Johnson’s Blueprint philosophy. It aims to help users improve their health through two core experiences:
The Challenge
Stronger Product Focus – Introduced interactive hover transitions on product cards, increased image prominence on product pages, and added a features section with close-up visuals.
Cohesive Visual Identity – Standardized banners, product shots, and feature visuals with uniform backgrounds to create a seamless aesthetic.
The redesign was guided by research and focused on clarity, trust, and brand alignment through six key initiatives:
Goals & Objectives
Consistency
Establish a single, scalable design system for all brands
Flexibility
Design components that can flex across brands without duplication
Mobile-First
Prioritize mobile responsiveness and accessibility
Scalability
Streamline handoffs between design and development teams
Process
Audit
Define Tokens
Build Components
Brand Implementation
Enhanced and Scalable Design System – Enhanced the existing system with a refreshed color palette, scalable typography, grids, and reusable components, ensuring consistency and flexibility for future growth.
Design Foundations
Applying Atomic Design Principles to create components for our system.
The Design System is based on the following set of principles to help designers make informed choices about how to approach a project:
Components and Patterns
User Experience Enhancements – Added a customer reviews section to establish trust and crafted smoother content flow across pages.
Multiple brands could share identical structural components, yet look entirely distinct through customized palettes and imagery.
Responsive by Design
The redesign transformed Copper Studio’s website into a modern, trustworthy, and performance-ready platform:
Role: UX Researcher and Designer, Information Architect
Project type: Group academic project (4 members)
Timeline: 14 weeks
Tools: Figma, UX metrics
Applied Across Brands
Responsive & High-Performance Design – Optimized for mobile-first use, implemented SEO best practices, and improved load times.
This proved the system’s flexibility — one foundation powering several contrasting identities.
Impact & Outcomes
Navigation became effortless
Products were showcased with clarity and elegance
Engagement and trust improved through visuals and reviews
Bounce rates decreased and user satisfaction rose
Copper Studio finally had a digital presence that matched the ambition of its rebrand.
See how this system came to life in the CopperStudio website redesign
2024
Livly
Superveggie is a longevity-focused app inspired by Bryan Johnson’s Blueprint, combining Sleep tracking (via Apple Watch) and Meal planning.
Website Redesign
Private Label
User Experience
Challenges
As Handelnine Global expanded its portfolio of in-house brands, each grew its own visual style — and with it, a web of inconsistencies.
Super Veggie is a longevity-focused lifestyle app inspired by Bryan Johnson’s Blueprint philosophy. It aims to help users improve their health through two core experiences:
The Challenge
Stronger Product Focus – Introduced interactive hover transitions on product cards, increased image prominence on product pages, and added a features section with close-up visuals.
Cohesive Visual Identity – Standardized banners, product shots, and feature visuals with uniform backgrounds to create a seamless aesthetic.
The redesign was guided by research and focused on clarity, trust, and brand alignment through six key initiatives:
Goals & Objectives
Consistency
Establish a single, scalable design system for all brands
Flexibility
Design components that can flex across brands without duplication
Mobile-First
Prioritize mobile responsiveness and accessibility
Scalability
Streamline handoffs between design and development teams
Process
Audit
Define Tokens
Build Components
Brand Implementation
Enhanced and Scalable Design System – Enhanced the existing system with a refreshed color palette, scalable typography, grids, and reusable components, ensuring consistency and flexibility for future growth.
Design Foundations
Applying Atomic Design Principles to create components for our system.
The Design System is based on the following set of principles to help designers make informed choices about how to approach a project:
Components and Patterns
User Experience Enhancements – Added a customer reviews section to establish trust and crafted smoother content flow across pages.
Multiple brands could share identical structural components, yet look entirely distinct through customized palettes and imagery.
Responsive by Design
The redesign transformed Copper Studio’s website into a modern, trustworthy, and performance-ready platform:
Role: UX Researcher and Designer, Information Architect
Project type: Group academic project (4 members)
Timeline: 14 weeks
Tools: Figma, UX metrics
Applied Across Brands
Responsive & High-Performance Design – Optimized for mobile-first use, implemented SEO best practices, and improved load times.
This proved the system’s flexibility — one foundation powering several contrasting identities.
Impact & Outcomes
Navigation became effortless
Products were showcased with clarity and elegance
Engagement and trust improved through visuals and reviews
Bounce rates decreased and user satisfaction rose
Copper Studio finally had a digital presence that matched the ambition of its rebrand.
See how this system came to life in the CopperStudio website redesign