Pipi & Pearl

Designing and launching a complete e-commerce experience for a baby girls clothing brand

My Role

Lead UX Designer

Timeline

4 Weeks

Tools

Figma, WordPress, Elementor

Outcome

Live E-commerce Website

PROJECT OVERVIEW

About the Project

Pipi & Pearl is a clothing brand focused on stylish, comfortable, and thoughtfully designed outfits for baby girls. The goal was to design and launch a clean, trustworthy e-commerce website that reflects the brand’s soft, playful identity while making shopping easy for parents.

I led the entire design phase and independently launched the live website using WordPress + Elementor, demonstrating end-to-end ownership from concept to deployment.

Unique Aspect

Full ownership from design to live deployment—no developer handoff required.

Key Achievement

Successfully launched a functional e-commerce store enabling immediate sales.

The Challenge​

Parents shopping for baby clothes want a safe, trustworthy brand with clear product information, a calm, clutter-free experience, and easy mobile navigation.

The challenge was to design a website that feels gentle, premium, and reliable, while being simple enough for first-time visitors to shop confidently.

The Solution

A clean, emotionally appealing e-commerce website with soft pastel aesthetics, clear information hierarchy, and trust-building design elements.

Built entirely with no-code tools, enabling faster delivery and full design fidelity from concept to launch.

PROJECT GOALS

Success Criteria

Business Goals

  • Establish brand credibility and trust
  • Encourage browsing and product discovery
  • Enable quick and easy purchases
  • Launch without developer dependency

User Goals

  • Easily understand the brand values
  • Browse collections without confusion
  • Feel confident buying baby clothing online
  • Seamless mobile shopping experience

RESEARCH & DISCOVERY

Understanding the Market

I began by analyzing competitor websites and identifying design patterns that build trust with parents shopping for baby products.

I began by:

Competitor Analysis

Reviewed baby clothing websites to identify successful patterns and gaps

User Expectations

Analyzed common expectations of parents and gift buyers shopping online

Trust Patterns

Identified design elements that build trust: soft colors, whitespace, lifestyle imagery

KEY INSIGHTS

What I Discovered

Overcrowded pages reduce trust for baby products

Minimal layout with generous whitespace

Soft colors + clear typography create emotional comfort

Soft pastel color palette with calm typography

Parents prefer simple navigation over flashy visuals

Category-based navigation with clear hierarchy

Trust signals are crucial for first-time buyers

Consistent spacing, clear CTAs, warm imagery

Design Strategy

To solve these problems, I focused on:

Visual Tone

  • Soft pastel palette
  • Generous whitespace
  • Calm, friendly typography

Information Hierarchy

  • Clear hero section
  • Category navigation
  • Essential details only

Trust & Comfort

  • Consistent spacing
  • Clear CTAs
  • Warm product imagery

Visual Tone

  • Soft pastel palette
  • Generous whitespace
  • Calm, friendly typography

VISUAL DESIGN

Brand Identity & Style Guide

I translated the design strategy into a simple style guide, choosing soft colors, elegant typography, and minimal components to create a calm, trustworthy, and boutique shopping experience for parents.

KEY DELIVERABLES

Pages Designed & Built

Homepage

Brand introduction, featured collections, and clear CTAs

Shop / Product Listing

Easy browsing with clean product grids and filters

Product Detail

Clear images, pricing, descriptions, and add-to-cart

About Us

Brand story, values, and trust-building content

Contact

Simple, approachable communication form

Cart & Checkout

Streamlined purchase flow with clear steps

DEVELOPMENT

From Design to Launch

After finalizing the designs in Figma, I built and launched the entire website using WordPress + Elementor—maintaining 100% design fidelity and enabling the brand to start selling immediately.

Built complete website

100% design fidelity

Mobile responsive

Live deployment

RESULTS

Project Impact

100%

Design Fidelity

Maintained from concept to live site

0

Developer Dependency

End-to-end ownership

4

Weeks to Launch

From concept to live store

∞

Immediate Sales

Enabled from day one

REFLECTIONS

Key Takeaways

No-Code Power

No-code tools can effectively support full product launches when paired with strong design skills.

Emotional Design

Designing for parents requires emotional sensitivity, trust-building, and visual clarity.

End-to-End Ownership

Full ownership from design to launch improves quality and accelerates execution speed.