Kristine Window Treatments · Case study

A cleaner product-service experience for custom interiors.

The Kristine Window Treatments logo in clear 3D
Project overview
A polished website direction for custom window treatments, built around product clarity, consultation trust, and a more refined home-interiors presentation.
Services
  • Discovery
  • Page structure
  • Responsive design direction
  • QA and refinement
Date
April 2018
Client
Kristine Window Treatments
Location
Miami Gardens, FL
Site tour of kristinewindowtreatments.com: the homepage, two inner pages, the site on phones and the Kristine Window Treatments logo

What the website had to do.

Window-treatment buyers need to understand choices, quality, and consultation next steps before they commit.

LER Web Services organized the direction around product education, interior-style visuals, and a clear path to request guidance.

  • 5Core pages, one hierarchy
  • 4Workstreams in scope
  • 1Primary path to contact
  • 2018Launched
Sections of the Kristine Window Treatments website laid out at an angle

What had to change.

  1. Product options needed to feel organized instead of scattered.

  2. The brand needed a more polished visual environment for home-interior buyers.

  3. Consultation prompts had to feel helpful rather than transactional.

  4. The site needed to support future galleries, product categories, and local SEO content.

  • The homepage scrolling, recorded from kristinewindowtreatments.com
  • The Shades page scrolling, recorded from kristinewindowtreatments.com

Screens

Every page, one system.

Home, shades, roller, fabrics, and about share one hierarchy, so a visitor moves from the offer to the next step in a few scrolls.

  • The Roller Shades page scrolling, recorded from kristinewindowtreatments.com
  • The Fabrics page scrolling, recorded from kristinewindowtreatments.com
  • The About Us page scrolling, recorded from kristinewindowtreatments.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 kristinewindowtreatments.com on a phone
The homepage on a phone, recorded from kristinewindowtreatments.com on a phone
The Shades page on a phone, recorded from kristinewindowtreatments.com on a phone

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.

Kristine Window Treatments 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, Archivo Narrow for headings, and real screens of the live site instead of stock scenes.

Type · Archivo Narrow

  • #133A3D
  • #18B6B0
  • #78D5D0
  • #5A7676
  • #E9F6F5

Outcome.

Kristine Window Treatments now has a cleaner direction for product education and consultation-led inquiries.

The project now gives visitors a clearer way to compare options and understand consultation value.

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.