Back

Yarden Jewelry: E‑commerce Brand Design

The e‑commerce store was built, but its visual direction wasn't meeting the client's expectations. I explored four distinct color directions, recommended an approach aligned with the brand's bold identity, developed a new logo concept, and collaborated with a developer to bring the approved direction into the store.

Yarden Jewelry e‑commerce website hero presentation featuring the approved burgundy, warm gold, and cream visual direction, YARDEN wordmark header, and featured Cuban link jewelry photography
The Challenge

The store was built but the visual direction got rejected

The e‑commerce store had already been developed, but the client wasn't satisfied with its colors or overall presentation. He wanted a more professional visual identity, one that felt cohesive and better reflected the brand.

The challenge was to establish a clearer visual direction without rebuilding the store from scratch.

My Contribution

Visual Direction & Brand Alignment

  • Communicated directly with the client in a WhatsApp group, reviewed shared materials, and studied premium fashion and accessories stores.
  • Developed four alternative color directions with accompanying website concepts and recommended option four.
  • Developed a new logo concept that the client approved.
  • Prepared and adapted visual assets across product imagery, website images, layouts, buttons, and typography while preserving the jewelry products.
  • Collaborated with a developer to implement the approved direction in the existing store.
Existing Development & Team Scope

Storefront Build & Implementation

  • Original e‑commerce website architecture and storefront built by developers prior to my involvement.
  • Developer collaborated on implementing the approved visual system within the existing e‑commerce store.
WhatsApp group conversation (Part 1) where the designer is introduced to Yonatan, who explains he wasn't a fan of the site's colors and wanted something more professional, followed by the designer outlining three areas to factor into color choices: the brand's logo, industry conventions, and brand story
WhatsApp group conversation (Part 2) where the designer notes the mismatch between the black-and-yellow logo and red-and-white website colors, Yonatan states he wants the site to look 100% professional and is open to changing the logo color, and the designer adapts to asynchronous communication after Yonatan mentions he is not comfortable speaking English on an online call
Direct WhatsApp communication with the client documenting his initial concerns about the website's colors and professional appearance, and establishing our asynchronous workflow.
Understanding the Brand

Started with the brand, not just the colors.

I began by reviewing the brand materials and speaking directly with the client to understand his concerns and expectations. I also looked at other premium fashion and accessories stores to explore how different visual directions could position Yarden.

My approach considered three things: the existing logo, the conventions of the jewelry and accessories market, and the personality of the brand itself.

Exploring Visual Directions

Four palettes. Four possible directions.

Rather than settling on a color scheme immediately, I developed four distinct palette options and prepared accompanying website concepts to make each direction easier to evaluate.

The options explored different expressions of the brand, from understated sophistication to a bolder, more expressive form of luxury. This allowed the client to compare the directions in context rather than judge color swatches alone.

Option 01
Option 1 color palette swatches (#0E0E0E, #7A7164, #C9C0B4, #F6F3E8, #E0DBD1, #A29580) explored for Yarden Jewelry
Option 1 accompanying website visual direction concept for Yarden Jewelry
Option 02
Option 2 color palette swatches (#0E2F2F, #1F4B4A, #F6F3EC, #D9CBBE, #B89F87, #C8A96A) explored for Yarden Jewelry
Option 2 accompanying website visual direction concept for Yarden Jewelry
Option 03
Option 3 color palette swatches (#080808, #E1A730, #FFFFFF, #D9DDE2) explored for Yarden Jewelry
Option 3 accompanying website visual direction concept for Yarden Jewelry
Option 04
Option 4 five-color palette (Camel Coat #C6B39A, Boho #7B694E, Rubine #8D3A3C, Tamarind #3B1319, Italian Roast #280B0F) and accompanying YARDEN website visual direction mockup
Four alternative color palette and website visual directions explored for Yarden Jewelry. Option 4 was recommended and subsequently selected by the client.
The Design Decision

Quiet luxury or flashy luxury?

The key decision was not simply which colors looked best, but which direction felt most appropriate for Yarden.

I described the distinction between quiet luxury and flashy luxury, then recommended the fourth palette because I felt its stronger contrast and richer tones better reflected the brand's bold, statement-making identity.

The client agreed and explicitly selected option four.

WhatsApp conversation (Part 1) showing the designer presenting Color Scheme 4, explaining how the prepared website views help visualize the color schemes, framing Color Scheme 3 as quiet luxury versus Color Schemes 2 and 4 as standing out from competitors, and the client asking for a recommendation between options three and four
WhatsApp conversation (Part 2) showing the designer framing the choice as quiet luxury versus flashy luxury, recommending Color Scheme 4 to match Yarden's brand story, and the client explicitly approving Option 4 with 'Ok so i want 4'
WhatsApp conversation documenting the designer's framing of quiet luxury versus flashy luxury, the recommendation of Option 4, and the client's explicit selection ("Ok so i want 4").
Developing the Visual System

Extending the direction beyond color.

Once the client selected Option 4, I extended the direction beyond color. I developed a new logo concept that the client approved, prepared and adapted imagery for the store, and worked across the website's visual presentation - including product imagery, promotional visuals, and interface styling. I collaborated with the developer to bring the approved direction into the live experience.

Selected Palette — Option 04
Selected Option 4 color palette swatches for Yarden Jewelry: Camel Coat (#C6B39A), Boho (#7B694E), Rubine (#8D3A3C), Tamarind (#3B1319), and Italian Roast (#280B0F)
Prepared & Adapted Storefront Imagery
Product image of a gold-plated iced-out Cuban link bracelet presented against a warm sand background to match the approved color palette while preserving the jewelry piece
Editorial brand banner featuring three models wearing statement chains against a rich Rubine and Tamarind backdrop aligned with the Option 4 palette
Promotional website banner in warm bronze, espresso, and gold tones showcasing Yarden Jewelry pieces
Approved Yarden logo concept paired with the selected Option 4 color palette and examples of product, editorial, and promotional imagery prepared for the store.
Implementation

Bringing the Direction Into the Website.

After the client approved the selected color direction and logo concept, I prepared the visual assets and collaborated with the developer to bring the direction into the website. My contribution covered visual direction, logo design, imagery preparation, and website presentation.

Desktop homepage
Desktop homepage of the Yarden Jewelry website showing the approved YARDEN logo in the header, Tamarind and Camel Coat color scheme, navigation bar, and featured Cuban link jewelry hero section
Mobile homepage
Mobile homepage of the Yarden Jewelry website showing the responsive header with the approved YARDEN wordmark, hero banner, promotional typography, and bottom mobile navigation bar
Product listing
Product listing section of the Yarden Jewelry website displaying four jewelry items on warm sand backgrounds with Rubine discount badges and consistent typography
Desktop and mobile views of the Yarden Jewelry homepage alongside the product listing presentation, showing the approved visual direction brought into the store.
Outcome

A direction the client could approve and move forward with.

The client selected the fourth color palette and approved the new logo concept. The additional visual-design work proceeded to implementation, and the website is now live.

The company also paid an additional $100 for the suggested brand direction implementation.

WhatsApp conversation showing Yonatan confirming 'The website is very nice; I liked it.' and discussing responsive mobile behavior and going live with the team
WhatsApp confirmation from the client and alignment on responsive behavior and launch readiness.
Live Yarden Jewelry mobile storefront showing the approved YARDEN wordmark header, category cards, and bestsellers product grid
Live store presentation on mobile repsonsiveness.