My WorkAbout MeLinkedIn

Case Study Template

Mobile-first event’s website

Celebrating Latin American culture under the Vancouver sun.

Through consistent UX and design, coupled with strategic marketing initiatives, I contributed to increase user engagement and boost sales in 23%.

Non Profit Organization

Latincouver

Project TimeLine

2 months

My Role

Lead UX Designer

Skills Highlighted

UX Design
Responsive Web Design
User tests
Wireframes
Prototyping
Design System

Main Goal

Make it easier for shoppers to find what they’re looking for on the home page.
Overview

A long story, short.

Latincouver, a Canadian non-profit fostering cultural exchange, faced a 66% decline in ticket sales for the Carnaval del Sol event following COVID-19. Additionally, consumer spending in recreation decreased from 46% to 29% during the recovery period. My role involved analyzing Latincouver’s data and optimizing its processes to streamline future development budgets within a two-month timeline.

Framing The Opportunity

Operating primarily on volunteer work, Latincouver has historically lacked streamlined processes and documentation, posing challenges for efficient collaboration. My involvement included establishing these essential frameworks to facilitate smoother future developments, addressing critical gaps within the organization’s workflow.

The Challenge

  • Enhance the website’s user experience and design to increase the conversion rate of visitors to event registrants.
  • Create a responsive and user-friendly mobile experience to capture registrations from users accessing the site via mobile devices.
  • Build a comprehensive and adaptable design template for future events, ensuring consistency and efficiency in design processes.
Problem Definition

Navigating users through a sequence of over 20 events

Ensuring accurate guidance and seamless progression.

Watch the result

Lorem ipsum dolor sit amet, consectetur adipiscing elit, se do  tempor incididunt magna eiusmod tempor incididunt ut labore aliqua uiteb butip.

IMPACT

The result is what matters.

Revamped website unleashes success

The website redesign effort yielded significant achievements and positive outcomes. With an average engagement time of 1 minute and 15 seconds, user interaction increased, showcasing enhanced interest and engagement with the content. Approximately 41,000 of the 60,000 visitors accessed the site organically, indicating improved discoverability and SEO strategies.

Most notably, there was a remarkable 23% increase in sales compared to the previous year. This notable growth directly illustrates the success of the enhanced user experience and design in driving higher conversions, translating website engagement into tangible business growth.

Overall, these results highlight the effectiveness of the website redesign in capturing and retaining user attention, improving organic traffic, and ultimately driving higher sales. The strategic approach to enhancing user experience and fostering a more engaging environment has proven to be a successful investment in achieving the organization’s goals.

A proven PROCESS

The perfect blend of research, insight, and iterative design.

Uncovering the answers to questions through discovery.

Latincouver’s” Marketing surveyed 997 participants via digital channels for valuable insights. With 10 questions – 5 about demographics, 5 about “Carnaval del Sol” – discover attendee profiles, motivations, and event feedback. Insights to elevate our event experience await.

Who danced to the rhythms of Carnaval del Sol in years gone by?

The data reveals a diverse age distribution, with the largest group aged 18-34 (669 respondents).
Approximately 1/3 of the attendees are from Latin America. To ensure clarity for non-Spanish speakers, we propose changing the question from 'What is your nationality?' to 'Where are you from?' This adjustment aims to capture more accurate and insightful responses by focusing on the respondent's place of origin rather than nationality, accommodating those with dual nationalities or diverse backgrounds.

What they are saying about Carnaval del sol?

Out of 997 surveyed, 650 have attended Carnaval del Sol.

  • Among them, 200 were first-time attendees in 2022.
  • Notably, 342 have enjoyed the event multiple times, showcasing strong repeat attendance.
  • Additionally, 32 individuals have attended over five times, indicating dedicated engagement.
  • Impressively, 76 participants attended more than ten times, showing deep commitment to the event.

Respondents shared areas for improvement in Carnaval del Sol through an open question. While attendees appreciated the option to purchase tickets directly at the Latincouver office or at the event’s entrance, they highlighted challenges with online ticket purchasing. Many expressed frustration due to broken links or difficulty in locating the ticket purchase options on the website.

Previous Website Analysis

Sunny Insights from Carnaval del Sol Website

Responsive Design Gaps:

Concerns exist regarding the absence of full responsiveness across all website pages, potentially leading to user frustration and hindering accessibility on various devices.

Images for Event Schedule:

Using images for event schedule information presents challenges such as accessibility issues for users with disabilities, slower page loading, limited responsive design, SEO disadvantages, data interpretation complexities, and maintenance difficulties.

Broken Links:

Attention is needed to address broken links, as they can frustrate users and erode website reliability. Ensuring all links lead to intended destinations is crucial for a seamless user experience.

Inconsistent Design Elements:

Attention is needed to address broken links, as they can frustrate users and erode website reliability. Ensuring Inconsistencies in fonts, colors, and buttons hierarchy throughout the website can confuse users and disrupt visual cohesion. Harmonizing these design elements can enhance the overall user experience.all links lead to intended destinations is crucial for a seamless user experience.

architectural Information

Architecting the Blueprint of Information

Stakeholder interviews were analyzed through an affinity map to gather valuable insights.

Mobile-First Design Focus:

With over 80% of users accessing the website via mobile phones, a mobile-first design approach was adopted.

Event Types:

Two types of events were identified: Latin American Experiences occurring from late June to late July and the Carnaval del Sol 15th Anniversary during the weekend of July 8th – 9th.

Carnaval del Sol Details:

Carnaval del Sol comprises 10 areas/zones, some with varied daily schedules, performances, and vendors. Events have both free and ticketed options.

Key Marketing Highlights:

The marketing strategy should emphasize the lineup, the 50/50 raffle, VIP tickets, sponsors, the Beer Plaza, and the event’s pet-friendly nature.

Volunteer Engagement:

In response to declining volunteer interest in 2022, the Human Resources department plans to better communicate the benefits of volunteering to increase engagement.

Wireframes

Iterate, iterate & iterate

How do Vancouverites look for events?

After a comprehensive exploration of event types, I embarked on a series of iterative processes to pinpoint the optimal classification method for organizing events within the “Carnaval del Sol Event” and broader “Latin American Experiences” framework. To ensure accuracy and user-friendliness, I conducted rigorous user testing sessions involving individuals who were non Spanish speakers. This testing phase served as a crucial validation step, confirming the most effective and intuitive approach to filtering and categorizing the events.

Feature #1

Introducing a Tailored Event Connection Feature

After conducting Home usability tests, I implemented a Tailored Event Connection Feature. Positioned directly after the hero image on the Home page, this feature involves users answering 5 targeted questions, resulting in a personalized experience. By utilizing these responses, the system can identify events that align with individual user preferences.

Enhanced Content Exploration:

Empower users with filters for efficient content discovery.

Efficient Time Management:

Provide quick access to relevant content to save users’ time.

Data-Driven Insights:

Gather valuable data on user behavior and preferences.

Feature #2

Unlocking the Secrets to a Packed House

Implementation of a “Add to Calendar” Button

Implementing filters and consistent components enhances user navigation and interaction, improving usability and fostering a unified vision. Streamlining content navigation with captivating card components ensures a balanced interface that emphasizes both aesthetics and functionality, promoting user comprehension. Emphasizing visual hierarchy and organization facilitates quick access to relevant information, while tailored mobile responsiveness enables seamless browsing on smaller screens. Promoting reusability through the integration of scheduling components constructs a versatile system capable of accommodating dynamic information updates.

Feature #3

Indexing Multiple Events with Flair

Cards streamline content navigation and establish an interface that seamlessly balances aesthetics and functionality, ensuring user comprehension.

Emphasizing Visual Hierarchy and Organization:

Structured visual layers and grouped content enhance user comprehension. This visual arrangement aids users in grasping connections between diverse cards and swiftly locating relevant content.

Wireframes

Iterate, iterate & iterate

How do Vancouverites look for events?

After comprehensively exploring event types, I embarked on a series of iterative processes to pinpoint the optimal classification method for organizing events within the “Carnaval del Sol Event” and broader “Latin American Experiences” framework. To ensure accuracy and user-friendliness, I conducted rigorous user testing sessions involving individuals who were non-Spanish speakers. This testing phase was a crucial validation step, confirming the most effective and intuitive approach to filtering and categorizing the events.

Design System

Forging the Design DNA

The Design System is the infrastructure for the long-term website. It was a big improvement in the target size to make clickable spaces and create a color palette using colors that meet the Accessibility(WCAG 2.1) contrast requirements.

To add consistency among the website, I made a basic design system and used Figma Components, Auto Layout, and Variant to make/organize a basic design system that the developer agency and other future designers can use.

Prototype

Delightful Interactions.

Although my responsibility was from researching to delivering wireframes I ended up creating Hi-fi mockups of main pages for the CEO to approve the design.

For the presentation with the developer agency and stakeholders, I and another UX designer made a document that explained all of our work including how they can use it this time and in the future.

Visit website
What I learned

Golden Lessons

Strategic Approach

I gained valuable insights while organizing the design sprint in a tight 48-hour window. Though challenging, the experience was ultimately rewarding. Thorough planning and setting clear goals were instrumental in ensuring effective collaboration. Additionally, I honed my skills in managing parallel design stages to achieve MVP goals.

Adapt to continuous changes

The utilization of reusable components facilitated the adaptation to constant changes during the design process. Leveraging my background in a startup environment, I remained focused on our primary objective while accommodating product adjustments aligned with program updates.

Coaching a client for UX process / Design demonstration

I came to understand that a successful UX process involves patient coaching and clear design demonstrations, cultivating client engagement and trust. The use of prototyping aids in visualizing the end product, empowering clients to provide valuable feedback, and expediting decision-making and development.

Tools