Lessence De La Vie · Case study

Rebranding and mobile UX for a multifunctional lifestyle platform.

A lifestyle and wellness product direction refined around mobile UX, brand clarity, and a more coherent digital experience.

Lessence De La Vie project cover

Tech Stack

  • After Effects
  • Figma
  • React Native
  • Node.js
  • AWS
  • Chart.js

Services

  • #Product Strategy
  • #User Interviews
  • #Research
  • #Product Design
  • #UI/UX
  • #Product Development
  • #Mobile Development
  • #iOS and Android Development
  • #Analytics Integration

Project story

The details behind the work.

Positioning, issues solved, scope, outcome, and the decisions behind the project.

  • Positioning

    Lessence De La Vie 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.

  • Issues I solved

    • The offer needed to be easier to scan for first-time visitors.
    • The brand needed a sharper first impression without overcomplicating the experience.
    • Mobile users needed the same clarity as desktop visitors.
    • The site needed a structure that could support future proof, content, and campaign updates.
  • Scope

    Lessence De La Vie needed the brand and app-style experience to feel more organized, usable, and ready for a multifunctional lifestyle platform.

    • Rebranding
    • Product strategy
    • Mobile app UX
    • UI design
  • Outcome

    Lessence De La Vie now has a clearer digital direction for explaining the offer and supporting better inquiry paths.

    Lessence De La Vie is presented with stronger hierarchy, clearer trust cues, and a more direct path for visitors to understand the next step.

  • Project takeaway

    Lessence De La Vie now presents the business with clearer positioning, cleaner responsive screens, stronger content structure, and a calmer path from interest to action. The work brought Rebranding, Product strategy, and Mobile app UX into one consistent public-facing experience.

Visual system

Palette and type cues.

A concise record of the visual direction behind the project.

Color palette

  • #1C2E21
  • #5F8F55
  • #B7C8AE
  • #70665D
  • #F4F2ED

Typography

Editorial sans + practical hierarchy

The visual direction keeps the project clear, polished, and usable across desktop and mobile screens.

The copy direction stays direct: explain the value, reduce uncertainty, and make the next step easier to take.

How the project moved.

A standard LER project path, adapted to the scope and available client material.

  1. Discover

    Discovery and content review

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

    • Audience
    • Offer
    • Priorities
  2. Structure

    Page structure

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

    • Hierarchy
    • Messaging
    • CTAs
  3. Design

    Responsive design direction

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

    • UI direction
    • Responsive
    • Visual polish
  4. Review

    QA and refinement

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

    • QA
    • Refinement
    • Launch prep