top of page

Replay Toys

Personal Project Redesign

This redesign was created as part of a Figma UI/UX course. I chose Replay Toys Boutique, a long-standing toy shop in San Diego, because I knew the store and saw how its outdated site didn’t reflect its personality or community presence. My goal was to make store info easier to access, improve the browsing experience, and build a layout that better supports their live eBay inventory—all while keeping the tone playful and approachable.

TL;DR
[PROJECT SUMMARY]

A Figma-based UI/UX redesign of Replay Toys Boutique, a San Diego toy shop with over 20 years in business. I focused on improving store visibility, simplifying navigation, and prepping a cleaner structure for live eBay listings—all while keeping the design playful, local, and easy to use.

[ROLES]

UI/UX Designer

Illustrator

[TOOLS]

Figma

Adobe Illustrator

Adobe Photoshop

Where to Start?

I chose Replay Toys for this redesign because I knew someone who worked there and saw how important the store is to the community. Their website didn’t reflect that, and after speaking with the owner and a team member I knew personally, it became clear that core information—like hours, location, and inventory—was either missing or hard to find.


The main flow I focused on was browsing toys. Their eBay listings didn’t sync in real time, which often caused confusion when items had already sold. While the fix would ultimately come from development, I designed a clean layout with clear filtering and well-organized components to make the structure easier to build when that integration is ready.


I started with user personas and wireframes, then moved into high-fidelity design using Figma components. For icons like filters and social links, I used Iconify, a Figma plugin with a wide selection of simple, standardized sets. This helped keep the process fast and focused while maintaining consistency.


The style guide began with typography. The header font, KC Weasel Face, has a thick, slightly irregular serif style that echoes vintage toy packaging—and matches the type used in Replay’s own logo. For the main text, I used Helpia Slab, which mimics a typewriter and adds a nostalgic tone. Inter was used for labels and buttons to keep things modern and readable.


A challenge early on was organizing layout around changing priorities. Different people emphasized different “must-have” content, which made structure unclear. Building out lo-fi wireframes helped—thinking in basic shapes let me block content simply and avoid getting ahead of myself.


To avoid overdesigning, I paired custom illustrations and icons with short, straightforward text. Clear spacing between sections kept everything readable, while still letting the visuals add some personality.

Learning Figma

This project was part of my goal to update my toolset and become more confident in Figma. It gave me the opportunity to take a website from brief to interactive prototype using core UX and UI practices—wireframes, personas, components, and typography systems. It also reinforced how important layout clarity and hierarchy are when balancing client needs with user flow.

A full interactive prototype is available to view directly in Figma.

bottom of page