corner image
Back to work
Type
Local business redesign
Role
Visual design, UX flow, front-end
Timeline
About 1 week
Tools
Codex, HTML/CSS/JS, Figma

Case study / local business redesign

Funfetti Events Website Redesign

A visual redesign for a new local event-planning and party-rental business, focused on making the site feel more polished, colorful, and easier to use when someone is ready to book.

Funfetti Events redesign illustrated celebration scene
Final visual direction: a brighter, more celebratory site that moves away from a generic template feel and gives visitors clearer ways to understand the business.

Context

A new local business had useful content, but the website did not yet feel as clear or memorable as the service.

Funfetti Events is a new event-planning and party-rental business serving celebrations like birthdays, family parties, and local events. I offered to redesign their website as a portfolio project and as a practical way to help the business look more polished online.

Because the business is still early, there was not a large library of past events to build the design around. That made the visual system especially important: the site needed to communicate fun, trust, and what Funfetti offers without leaning on generic-looking filler imagery.

Problem

The original site had the right pieces, but they were not working together as a clear booking experience.

The first impression did not feel intentional enough.

The original visual direction used colors, imagery, and layout choices that made the site feel less cohesive than the kind of celebration-focused service Funfetti provides.

Important brand elements were hard to read.

The logo and some text moments competed with their backgrounds, which made the header feel less polished and harder to scan quickly.

The navigation did not guide people toward booking.

The header links were present, but they did not clearly prioritize the actions a visitor would need: understand services, view examples, and contact the business.

The call to action was not clear enough.

Visitors could find contact information, but the page did not immediately explain what Funfetti does or make the next step feel obvious.

Full-page screenshot of the current Funfetti Events homepage
Full-page desktop screenshot of the current site for visual and content reference.
Mobile screenshot of the current Funfetti Events homepage
Mobile reference for comparing navigation, stacking, and content priority.

Challenge

Make the site prettier without losing sight of the real job: helping visitors understand what Funfetti offers and how to book.

The main goal was visual: make the site feel more colorful, more fun, and more professional. But the redesign also needed a better user flow, because a prettier site still fails if people cannot quickly understand the services or find the booking path.

I treated the homepage as the main decision-making path: first explain the business, then show the service categories, then build trust through event imagery, then make contact/requesting a quote easy to find.

Design priorities

I used four priorities to keep the redesign focused.

01

Make it feel celebratory

Use brighter color, friendlier illustrations, and a clearer logo moment so the site feels like an event business, not a generic template.

02

Explain the offer faster

Make event planning, party rentals, and photo booth services visible early so visitors do not have to decode what the business does.

03

Guide the next step

Use the header, hero CTA, service cards, and quote entry points to make booking feel like the natural path through the page.

04

Keep useful content

Preserve important pieces like the Why Funfetti story and service information, but reorganize them into a clearer visual hierarchy.

User flow

Mapping the path from homepage to quote request

Hand-drawn user flow from homepage to booking
Early flow sketch: homepage, understand services, view examples, browse rental options, contact/request quote, book.
01

Homepage

Make the offer clear quickly: event planning, rentals, photo booth, and local celebration support.

02

Understand services

Separate the main service categories so visitors can decide which path matches their event.

03

View rentals and gallery

Use real event examples and rental/inventory links to build trust before asking for contact.

04

Browse rental options

Give visitors a clearer way to understand what can be rented before they reach out.

05

Contact / request quote

Make the contact step easy to find once a visitor understands the service categories.

06

Book

The site should reduce uncertainty before the business finalizes details directly with the customer.

First iteration

The first redesign fixed the basic structure, but it still needed more energy.

Full-page screenshot of the V1 Funfetti homepage prototype
V1 homepage prototype showing the first redesigned structure from hero to contact and footer.

The first pass gave the homepage a stronger structure: hero, business story, services, gallery, and contact. It was cleaner than the original site and easier to scan.

After seeing the direction, the owner said they wanted the site to “pop” more and have more color. That feedback helped me push the second version further visually instead of stopping at a clean but quieter layout.

The main trade-off was balancing energy with clarity. The final pass needed to feel more fun without making the booking path harder to follow.

Insight

For a new event business, the website has to create trust before there is a huge event portfolio to show.

Because Funfetti is still early, the site could not rely only on a long gallery of past events. The design had to do more of the trust-building work through layout, readability, tone, and service clarity.

That shifted the project away from decoration alone. The visual system needed to feel warm and playful, but each section still had to answer a practical question: what is this business, what do they offer, and how do I start planning with them?

Final direction

The final redesign uses a brighter identity and a clearer homepage flow.

01

More recognizable brand moment

I simplified the logo presentation and gave the hero a stronger visual identity so Funfetti feels more memorable from the first screen.

02

Clearer service cards

The service section separates rentals, event pricing, and photo booth experiences so visitors can understand the offer quickly.

03

Booking-focused navigation

The header and hero actions point visitors toward services, rentals, gallery proof, and requesting a quote instead of leaving the next step vague.

04

Accessible interaction

Responsive nav, visible focus states, native dialog lightbox, keyboard controls, aria-live results, and reduced motion.

Screens

Final redesign screens

Full-page screenshot of the final Funfetti Events homepage redesign
Fresh capture of the deployed final homepage redesign, showing the full page from hero through footer.
Final Funfetti Events contact page with event request form
Contact page screenshot showing the request form and event inquiry flow.

Build

I prototyped directly in code so I could move quickly from critique to redesign.

Because I was redesigning an existing website instead of starting from a blank product brief, I moved quickly into coded prototypes. Figma was used lightly for user-flow sketches, while most of the visual exploration happened directly in Codex, HTML, CSS, and JavaScript.

The final front end includes responsive navigation, a session-based intro animation, a moving gallery, a keyboard-friendly lightbox, reduced-motion support, and a quote-request modal.

Outcome

The final version gave the business a more polished visual direction and a clearer path toward booking.

Looking ahead

What I would build next

Guided planning estimator concept for choosing an event type
Guided planning concept: a step-by-step event planner that starts by asking what the visitor is celebrating.