Small Local Event Planning Company Website

1. Introduction
2. Problem Statement
3. Design Process
4. User Research Summary
5. Empathy Map and User Personas
Empathy Map
User Personas
6. Identified Pain Points and Desired Outcomes
7. Proposed Solution
8. Wireframes
9. Colors

Primary Color

  • Burgundy – Primary brand color

Burgundy color is used to build the brand identity, creating a clean, elegant, and professional look for the event planning website.

Neutral Colors

  • Black – Body text
  • White – Backgrounds, spacing, for readability



Other Supporting Colors

A set of supporting colors are used for labels, headings, and footer sections to enhance visual hierarchy without overpowering the main brand color.

Usage in UI

The below cropped UI view is shown to highlight color usage in key UI elements.

Burgundy is used for primary CTAs and key highlights, while accent colors are applied sparingly for labels, section headers, and visual hierarchy.

10. Typography

Design Approach

“Poppins” is used as the primary font.

Typography scale was generated using a scale to maintain visual hierarchy and consistency across headings and body text.

11. Components

Responsive Design Approach

Some components were adapted for mobile with adjusted sizes and layouts to ensure readability, touch accessibility, and optimal content hierarchy across devices.

Interaction Design

Subtle hover states were added to buttons, cards, and navigation elements to provide visual feedback and improve usability, helping users understand which elements are interactive.

12. Design Decisions and Final UI Designs (Desktop / Tablet / Mobile)

Design Decisions

Final UI Designs

~Desktop UI Designs~

  • Home Page
  • Past Events Page with User Reviews

~Mobile UI Designs~

  • Home Page
  • Menu Page
  • Services Page
  • Gallery Page
  • Packages  Page
  • FAQ Page
Full-length screens for
  • Contact Page
  • Form Submission Successful Page

Actual mobile viewport for
  • Contact Page
  • Form Submission Successful Page

Full-length screens for
  • Past Events with Reviews Page

Actual mobile viewport for
  • Past Events with Reviews Page

13. Key Learnings

I’ve learned that while event planning is emotional and visual, users first look for clear packages, pricing, and past work/user reviews before they contact a planner.

This influenced my decision to:

  • Highlight past events along with user reviews and pricing packages early in the experience.
  • Use clear CTAs instead of only decorative visuals.