Digital Products

App / Website Design

Interfaces built around clarity, hierarchy, and meaningful interaction — from wireframes to high-fidelity prototypes across consumer-facing digital products.

Visit socialissues.xyz

DisciplineUI / UX

CategoryDigital Products

Year2023–25

StatusCompleted

Included Works

Lumé — At-home salon services platform
Social Issue Website — socialissues.xyz
Vogue Redesign — Vogue Travel app concept
Copper.co — Luxury website concept

Lumé at-home salon services landing page

Overview

Interfaces built around clarity, hierarchy, and meaningful interaction — from wireframes to high-fidelity prototypes across consumer-facing digital products.

Featured here: Lumé, an at-home salon services platform that connects clients with verified beauty professionals; Kalaa, an app that connects creative minds and simplifies hiring; Noir Bakery, a recipe game guided by Chef Polo; the Social Issue website, a mobile-first library of digital books built for the senior thesis; Vogue Travel, a luxury stays app concept; and the Copper.co website, a luxury copperware landing experience. Every project begins with research: understanding the user, the context, and the constraints, then moves through information architecture, visual design, and prototype testing.

Project 01 — Lumé

Beauty on your terms, at home.

Lumé is an at-home salon services platform that connects clients with verified beauty professionals for hair, makeup, nails, skincare, massage, waxing and bridal services. The interface is built on a strict black-and-white editorial system: condensed display type, numbered sections, hairline rules and monochrome photography, so the service itself stays the focus from first search to final booking.

Lumé landing page with the headline Beauty on your terms, a service search field and a monochrome photograph of a makeup artist at work — Fig. 01Landing: an oversized condensed headline, an inline service search and a full-height monochrome photograph set the tone.

Lumé services index listing Makeup and Hair with sub-categories and photographs — Fig. 02Services are an indexed list: number, category, tagline, sub-services and a count.

Lumé services index continued with Nails, Skincare and Bridal — Fig. 03The same row pattern repeats across nails, skincare and bridal for fast scanning.

Lumé wellness service row followed by a grid of remaining categories and the start of How It Works — Fig. 04Less-booked categories collapse into a compact four-column strip beneath the main index.

Lumé How It Works section with four numbered steps — Fig. 05How it works: choose a service, select an artist, pick a moment, be pampered.

Fig. 06Professionals: platform stats lead, followed by profile cards with rating, experience, specialties and price.

Fig. 07A switch to serif italic type introduces the curated packages and softens the tone.

Lumé package cards including Bridal, Monthly Self-Care, Girls' Night and Mani + Pedi Duo — Fig. 08Package cards bundle services with price, rating and duration; the most popular one inverts to black.

Lumé membership comparison between Essential and Premium plans — Fig. 09Membership: Essential and Premium side by side, with the recommended plan inverted.

Lumé Trust and Safety section with six numbered guarantees — Fig. 10Trust and safety: six numbered promises, from identity checks to a satisfaction guarantee.

Lumé closing call to action and a dark Reviews section with client quotes — Fig. 11A black band closes the page with a call to action and long-form client reviews.

Lumé additional client reviews and the start of the Join as a Pro section — Fig. 12Reviews are set as editorial pull-quotes with initials, location and the package booked.

Lumé Join as a Pro benefits list and application form — Fig. 13The supply side: four benefits and a short application form for professionals.

Lumé — Alternate Direction

A softer, rounded take.

An exploration of the same membership and professionals modules in a rose palette with rounded containers, soft shadows and pill buttons, testing a warmer, more consumer-friendly personality against the stark editorial system.

Rose-toned rounded membership cards for Essential and Premium plans — Fig. 15Membership in a rose palette with rounded cards and a pill call to action.

Fig. 16Professionals as a featured card with two supporting profiles, photography full-bleed.

Project 02 — Kalaa

One platform for creative minds.

Kalaa is an app that connects creative minds across the globe and makes the job search and hiring process easier by bringing everything onto the same platform. Recruiters and creators each get their own path, with discipline categories from graphic design to AR/VR, and a portfolio-style profile card. The identity draws on Indian architecture and botanical illustration: a deep green arch, cream surfaces and a rose accent, designed for both mobile and desktop.

Kalaa mobile welcome screen with a cream arch on dark green, the tagline and a sign in link — Fig. 17Welcome: the arch frames the Kalaa wordmark, the tagline and sign in.

Kalaa mobile screen with the words Graphic Design above an isometric grid of design work tiles — Fig. 18A discipline opens onto an isometric field of work tiles.

Kalaa mobile category grid with pastel tiles for Graphic Design, Photography, Interior Design and more — Fig. 19Explore by discipline: pastel category tiles with Recruiter and Creator tabs.

Fig. 20Profile card: a botanical arch holds the portrait, name and links.

Fig. 21Desktop welcome: the same arch scaled to the laptop canvas.

Fig. 23Desktop profile: a rose banner and leaf illustrations flank the card.

Project 03 — Recipe Game Design

Noir Bakery, taught by Chef Polo.

Noir Bakery is a mobile recipe game that teaches baking through play. A friendly chef character guides the player from the bakery front, into the shop and through each step of a recipe, starting with the Bread Loaf and its eight braided strands. Soft aqua backgrounds, a rounded display face and illustrated 3D characters keep the tone warm and approachable.

Fig. 24Splash: the rounded coral wordmark on a pale aqua field.

Noir Bakery screen with an illustrated bakery building, Chef Polo and a speech bubble introducing the game — Fig. 25Meet Chef Polo: the bakery front, a speech bubble and a progress bar.

Noir Bakery recipe picker with tiles for Bread Loaf, Pizza, Ice-cream, Cupcake, Cheesecake and Cookie — Fig. 26Choose your recipe: illustrated tiles for each bake.

Noir Bakery Bread Loaf introduction with a chef holding a braided loaf and instructions in an organic speech shape — Fig. 27Bread Loaf: the chef sets up the eight braided strands.

Noir Bakery isometric shop interior with a chef inviting the player to learn the recipe — Fig. 28Inside the bakery: an isometric shop sets the scene before the lesson.

Noir Bakery Step 2 screen with three ingredient containers above a mixing bowl and the chef beside it — Fig. 29Step 2: ingredients are chosen and combined in the bowl.

Project 04 — Social Issue Website

A thesis website built as a library of digital books on the cultural representation gap in early childhood literacy. Readers move through the question, research, exploration, concept, process, exhibition and final exhibit, while the interface shifts from a monochrome, neumorphic surface to a field of color. Designed and shown on mobile first.

Collage of phone screens from socialissues.xyz showing the library of books, tactile letter buttons and chapter pages — Fig. 30The library, the tactile letter grid and chapter reading views, shown across the mobile experience.

Visit socialissues.xyz

Project 05 — Vogue Redesign

Vogue Travel, luxury stays worldwide.

A mobile redesign concept that extends Vogue into travel. A full-bleed arrival screen pairs the Vogue wordmark with the promise of luxury stays in different corners of the world, then leads into destination pages with ratings, pricing, an overview and a single clear call to buy a ticket.

Fig. 31Welcome: the Vogue wordmark over a full-bleed villa photograph, with Plan Yours and Sign up.

Vogue Travel destination page for Jewel Changi Airport showing a photo carousel, rating, price per person, overview text and a Buy Ticket button — Fig. 32Destination: image carousel, rating and price, a short overview and a pill Buy Ticket action.

Project 06 — Copper.co Website

Luxury, hammered in copper.

A website concept for Copper.co, a luxury copperware brand serving since 1998. The landing screen is built around a hammered-copper texture with a light serif wordmark, and a three-part strip beneath it carries the brand, its positioning and its heritage. A walkthrough video shows the page in motion.

Fig. 33Landing: a hammered-copper field, a serif wordmark and a three-part strip for brand, positioning and heritage.

VideoSample Website — Luxury Copper: a walkthrough of the concept.

← All Work2023–25

App / Website Design

Beauty on your terms, at home.

A softer, rounded take.

One platform for creative minds.

Noir Bakery, taught by Chef Polo.

Vogue Travel, luxury stays worldwide.

Luxury, hammered in copper.

← Augmented Reality Design

Pop Up Design →

App / Website Design

Beauty on your terms, at home.

A softer, rounded take.

One platform for creative minds.

Noir Bakery, taught by Chef Polo.

Senior Year Reflections.

Vogue Travel, luxury stays worldwide.

Luxury, hammered in copper.

← Augmented Reality Design

Pop Up Design →