UX/UI Design Case Study

Ragamuffin, a website revamp for a homegrown children’s boutique

A redesign that turns a dated, classifieds style shop website into a playful browsing experience for kids and their parents.

Client
Ragamuffin
Role
UI Designer, Digital Designer
Platform
Website
Tools
Figma, Illustrator, Photoshop
Ragamuffin website redesign

A homegrown store for kids of every age

Ragamuffin is a homegrown store that offers unique clothing and gift items for infants to girls size 16 and boys size 10, as well as a fun selection of great accessories, toys, books, and gifts.

A boutique site that felt like a classifieds board

The existing website felt dated, closer to Craigslist than to a boutique made for children. The client wanted a playful, kid friendly style and a better overall experience, so shoppers would enjoy browsing instead of just searching for items.

Thin content

The pages gave shoppers very little to read or discover. There was no story behind the store, no gift ideas, and no reason to explore further.

Not kid friendly

Plain layouts and default styling felt more like a classifieds board than a children’s shop. The client wanted a playful, colorful style to match the clothes being sold.

Not memorable

Nothing set the store apart from any other online shop, so shoppers had little reason to come back.

Make browsing feel like a visit to the store

The goal was to captivate users and give them a seamless browsing experience, with a few clear objectives.

  • Make the existing website pages more enjoyable and appealing to children.
  • Introduce an interesting and fancy typeface.
  • Speak to audiences from toddlers to teenagers, along with their parents.

Delightful, enjoyable, and simple

Design the interface to look delightful, enjoyable, and simple, so the site feels like a fun place to explore instead of a list to scroll.

Moodboard

Bright blues, sunny yellows, and soft pinks set the playful mood, with photos of kids, sweets, and sunshine.

Style Tile

The palette pairs a bold blue with sunny yellow and soft pink. Hey Comic gives headings their personality, while Comic Neue keeps body text easy to read.

Homepage Wireframe

A grayscale wireframe lays out the homepage structure, from the hero and new arrivals to gift ideas, blog posts, and the store story.

One playful system across every page

The final design replaces the dated look with a playful, colorful system that carries through the homepage, category page, item page, and blog, so every screen feels like the same friendly shop.

Richer content

New arrivals, you may also like and recently viewed rows, and a blog roundup that tells the story of the store.

Better visuals

Large photography, a bold hero banner, and bright promo banners that make every page feel full of life.

More personality

Playful type, brand colors, and friendly icons for unique gifts, kid safe materials, gift wrapping, and fast shipping.

Homepage

A bold hero image, new arrivals, and a gift banner greet shoppers right away.

Category Page

A sort menu and a clean product grid make browsing quick.

Item Page

Large photos with size, quantity, and add to cart in one view.

Blog

The Ragamuffin Roundup tells the store’s story with photo pairs.

What I learned

Revamping an outdated site showed me that visual personality matters as much as clean navigation. For a children’s boutique, color, type, and photography do the work of welcoming both kids and the parents who shop for them.

Explore More
Photography 3D & Motion Graphic / Visual Design Floracracy Bon Voyage First Cover Voluntopia PetPal