top of page

Design Process

medium.webp

Caribbean Cigar Celebration 

Overview

Client:

Pamela Paulino and Dean Davison
Problem Identification: Enhance brand visibility,  sponsor engagement, and overall attendee experience for the Caribbean Cigar Celebration event.

MyRole:

UX Designer & Doc Lead

​Project Scope

  • Enhance the website with interactive features, registration updates, and a real-time countdown.

  • Ensure the website is user-friendly and mobile-responsive, with a visual design that ties in with the event’s branding.

  • Highlight the partnership with Easter Seals and previous success stories to encourage new sponsorships and participation.

Gabriel Rivera:

Charismatic CEO seeking to unwind and sponsor meaningful events.

Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024.jpg
Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (2).jpg

Alex Thompson:

Marketing manager eager to build networks and immerse himself in cultural experiences.

Empathy:

For the Caribbean Cigar Celebration, we identified four distinct user personas to better understand our diverse audience

How might we give proper info and encourage companies to be sponsor of this event?

Gabriel:

How might we guide him in purchasing a ‘General Admission’ ticket while clearly highlighting its benefits?

Alex:

How might we donate to the charity while also showing the benefits of donating to the charity?

Michelle:

How might we give proper info and encourage the rich guy to purchase the VIP ticket?

Mikael:

After developing detailed empathy maps for each persona, we summarized their challenges into one key question each:

Definition:

Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (5)-min.jpg
How might we encourage and convince people to join the event while effectively capturing the vibe of the festival?

Overarching Goal

Will be integrated for ticket purchasing

06-Trellis

Will be used for stories and activity information

04-Blogs

To evoke a sense of excitement

03-Countdown Timer

Next, we created a sitemap to structure the website and ensure a seamless user experience. The sitemap included:

Sitemap:

Finally, we developed a stylescape to establish the visual and aesthetic direction of the website, aligning closely with the approved brand identity from the client. The stylescape included:

Stylescape:

In the ideation phase, we compiled a comprehensive feature list based on our user personas’ needs and our overarching goal. This list included:

Ideation Phase:

Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (6).jpg
Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024.png

Will be used for Contact Us, and Volunteer, Sponsorship, and Vendor Applications.

01-Forms

Will be used for location-based information

02-Google Maps

To show event photos and videos.

05-Gallery

Untitled (3).png
Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (7).jpg

This sitemap ensured that all necessary information was easily accessible and logically organized, enhancing the user journey.

Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (9).jpg

Primary colors include rich tones of black, white, brown, and a subtle teal, giving a sense of luxury and class.

Color Palette:

Elegant serif fonts for headlines, conveying sophistication and tradition.

Typography:

The imagery aligns with the brand’s focus on premium products and experiences.

Imagery:

Retired businessman looking for luxurious and premium cigar experiences.

Mikael Diaz:

Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (3).jpg

Brewer passionate about community service and impactful charity work

Michelle Walker:

Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (1).jpg

Contact Organizers:

Find and use contact options to reach Davison North Law.

Apply to Volunteer:

Review volunteer roles and submit an application.

Donate to Easter Seals:

Complete a donation through the website.

Become a Sponsor:

Explore sponsorship packages and sign up.

Purchase Tickets:

Identify and buy a VIP ticket.

We created an initial prototype and tested it with the client, focusing on these tasks:

Asset 60_300x.png
Asset 59_300x.png
Asset 62_300x.png
Asset 61_300x.png
image.png
Andrew, Cyrus, Gian, Ritesh_FigJam Board_May 2024 (10).jpg
case study mockup 2.jpg

Prototype & testing

Using DIVI as our template builder

Going off a reference template design

Adding our pages that were sign off on the feature list

Adding Custom CSS to add videos and animations to the pages to add movement to the site

Development:

divi.png
bottom of page