Bella Dama Cigars · Case study

Premium ecommerce for a luxury cigar brand.

The Bella Dama Cigars logo in clear 3D
Project overview
A premium WooCommerce storefront for a luxury cigar brand, built around product confidence, age-aware purchasing, and smoother checkout.
Services
  • Discovery
  • Page structure
  • Responsive design direction
  • QA and refinement
Date
December 2020
Client
Bella Dama Cigars
Location
St. Petersburg, FL
Site tour of belladamacigars.com: the homepage, two inner pages, the site on phones and the Bella Dama Cigars logo

What the website had to do.

Bella Dama needed a website direction that made the business easier to understand before a prospect reached out.

LER Web Services shaped the experience around clearer hierarchy, stronger visual trust, and a more direct path to action.

  • 5Core pages, one hierarchy
  • 4Workstreams in scope
  • 1Primary path to contact
  • 2020Launched
Sections of the Bella Dama Cigars website laid out at an angle

What had to change.

  1. The offer needed to be easier to scan for first-time visitors.

  2. The brand needed a sharper first impression without overcomplicating the experience.

  3. Mobile users needed the same clarity as desktop visitors.

  4. The site needed a structure that could support future proof, content, and campaign updates.

  • The homepage scrolling, recorded from belladamacigars.com
  • The Shop page scrolling, recorded from belladamacigars.com

Screens

Every page, one system.

Home, shop, product, events, and locations share one hierarchy, so a visitor moves from the offer to the next step in a few scrolls.

  • The Product page scrolling, recorded from belladamacigars.com
  • The Upcoming Events page scrolling, recorded from belladamacigars.com
  • The Retail Locations page scrolling, recorded from belladamacigars.com

The same clarity on a phone.

Most visitors arrive on a phone: the offer, the proof, and the contact action keep the same order on mobile.

The phone menu opening, recorded from belladamacigars.com on a phone
The homepage on a phone, recorded from belladamacigars.com on a phone
The Shop page on a phone, recorded from belladamacigars.com on a phone

In their words

“He’s always responsive and proactive at troubleshooting.”

Chantel Leavitt Bella Dama Cigars · 5/5 · Google reviewRead original on Google

Wireframes

The structure underneath.

The same pages with the styling stripped away: one grid, one type scale, and the same set of components on every route.

Bella Dama Cigars pages drawn as wireframes, laid out at an angle: outlined cards, buttons and fields, grey bars for text, and line drawings of the photos

Visual system.

The site's own palette over the LER paper, goodvibrations for headings, and real screens of the live site instead of stock scenes.

  • #15100E
  • #C91F1F
  • #C8A33A
  • #6A4A2D
  • #F5EFE8

Outcome.

Bella Dama now has a clearer digital direction for explaining the offer and supporting better inquiry paths.

Bella Dama is presented with stronger hierarchy, clearer trust cues, and a more direct path for visitors to understand the next step.

How this one came together.

The four steps behind this build, and what each one had to settle.

  1. Discovery

    I clarified the audience, offer, and practical questions the website needed to answer.

  2. Page structure

    I organized the page flow around service clarity, proof, and the next action a qualified visitor should take.

  3. Responsive design direction

    I shaped the visual system and core screens so the experience could stay polished across devices.

  4. QA and refinement

    I reviewed the experience for visual consistency, responsive behavior, and clear paths to contact or purchase.