Kendra Scott
A concept study: carrying a luxury brand into mobile commerce without flattening it
Role: UI/UX Designer — self-initiated concept study
Subject: Kendra Scott — Austin-based jewelry brand with a strong retail experience and recognizable identity
Timeline: 2 months
Platforms: Native mobile (iOS)
Scope: Icon treatments, paper wireframes, brand-derived palette, 14-screen e-commerce system, prototyping
What it demonstrates: Brand-system discipline in commerce UI — deriving a palette and component set from an established identity, keeping product imagery primary, and designing the complete purchase path rather than the three pretty screens
The Challenge
Kendra Scott's stores are the product: bright, warm, jewel-toned, personal. The mobile-commerce question was whether that retail experience could survive translation to a 4.7-inch screen — or whether the app would become what most jewelry e-commerce was at the time: a grid of products on white, indistinguishable from a marketplace listing.
The self-imposed constraints: the brand leads, the UI serves. No invented visual language — every color earned from the brand's world; photography does the selling; the interface recedes to logistics. And no shortcuts on scope: a shopping experience isn't home-plus-product-page — it's account creation, wishlists, carts that get edited, and checkouts that get abandoned. If the study didn't cover the whole path, it wasn't a study of shopping.
"Luxury retail on a phone fails two ways: the brand smothers the shopping, or the shopping flattens the brand. The whole study is the negotiation between those two."
App Icon Design
Because Kendra Scott already had a highly recognizable visual identity, using the existing brand mark as the app icon was the most effective direction. This approach reinforced brand recognition and created immediate familiarity for users. Rather than exploring literal or utilitarian concepts—such as diamonds or jewelry symbols—I focused on refining a series of color variations that preserved the integrity of the logo while optimizing its presence as a digital app icon.
Initial App Sketches
Sketching allows me to develop concepts quickly and communicate ideas in a way that others can immediately understand. These early explorations create a shared visual reference for discussing structure, interactions, and potential user flows. Working on paper also enables me to test and refine the experience far more efficiently than moving directly into digital design.
Architecture Decisions
A palette earned, not invented. The UI system runs on a small brand-derived palette — charcoal and grays for structure, the brand's gold, and jewel accents (teal, coral) pulled from the product world itself — documented as a swatch system governing all 14 screens. Chrome stays neutral so stones and photography carry the color.
Product imagery is the hierarchy. Editorial photography and product shots occupy the visual top of every screen; UI text and controls sit in a quiet layer beneath. On the product page, the jewelry is shown on-model and in detail, with stone-color variants as first-class UI — for a brand whose signature is the same silhouette in a kaleidoscope of stones, the variant picker is the shopping experience.
The complete path, including the boring screens. The 14-screen system covers log-in/sign-up, navigation, account, wishlist, two home treatments, category browsing, product listing and detail, cart, edit cart, and checkout. Designing edit-cart and account screens in a self-directed study was the discipline choice: the screens nobody showcases are where real shopping experiences succeed or die.
Icon: the mark, deliberately. Kendra Scott's filigree logo is genuinely distinctive, so the icon work was restraint — testing the mark across charcoal, white, and brand-yellow treatments for shelf presence, and deliberately rejecting literal gem/diamond icons that would have traded a recognizable brand for a generic category symbol.
Paper first, as always. Flows — splash, auth with recovery paths, wishlist, product enlarge, carousel, checkout — resolved in pen before pixels. One process image, no process sermon.
Why Concepts?
Between client and system work, self-initiated studies are where I practice specific muscles without production constraints — here, brand-constrained commerce design at full scope. Real subject, self-imposed constraints, finished system.
What This Study Produced
A 14-screen mobile commerce system covering the complete purchase path, governed by a documented brand-derived palette.
A worked example of luxury-brand translation: identity carried by palette, photography, and restraint rather than ornament.
What I’d Do Now
Design the signature interaction, not just the screens. Kendra Scott's retail magic is customization — the Color Bar. The 2026 version of this study would center a build-your-own experience: pick the silhouette, play the stones, see it live. The variant picker I designed was the seed of this; I'd now make it the whole concept.
Systematize it properly. The palette strip and repeated components were a proto-system held together by eye; I'd now ship it as tokens and components with defined states — the same discipline as my enterprise work, at boutique scale.
Prototype the moments that convert. Wishlist-to-cart, variant switching, checkout friction — I'd instrument a prototype test on those three, because commerce concepts without behavioral evidence are visual essays.
Ask the platform question. Retail brands live in responsive web, native apps, and marketplaces simultaneously; today I'd define which moments earn the native app (customization, loyalty, drops) instead of assuming the whole store belongs there — the recurring judgment call across all my concept work.