Transforming Event Experiences: A Whova
UX/UI Makeover
Transforming Event Experiences: A Whova
UX/UI Makeover
Transforming Event Experiences: A Whova
UX/UI Makeover
Team
Team
Keerthana Ravichandran
Keerthana Ravichandran
Keerthana Ravichandran
Role
Role
UX Research
UX Research
UX Research
UI Design
UI Design
UI Design
Branding
Branding
Branding
Interaction Design
Interaction Design
Interaction Design
Duration
Duration
Jan 2022 - Mar 2022
Jan 2022 - Mar 2022
Jan 2022 - Mar 2022
Tools
Tools
Figma
Figma
Figma
Adobe Photoshop
Adobe Photoshop
Adobe Photoshop
Overview
Overview
The Whova mobile app redesign focuses on significantly improving the user experience for event organizers and participants by enhancing consistency, readability, and information hierarchy. The design prioritizes clarity in navigation to create a more intuitive and organized interface. Key improvements include incorporating feedback and affordance mechanisms, providing users with a better sense of control and understanding of spatial functions. By adding responsive design elements and refining the layout, the app delivers more efficient interactions. Overall, the redesign aims to offer a user-friendly and flexible platform for seamless event management and networking.
The Whova mobile app redesign focuses on significantly improving the user experience for event organizers and participants by enhancing consistency, readability, and information hierarchy. The design prioritizes clarity in navigation to create a more intuitive and organized interface. Key improvements include incorporating feedback and affordance mechanisms, providing users with a better sense of control and understanding of spatial functions. By adding responsive design elements and refining the layout, the app delivers more efficient interactions. Overall, the redesign aims to offer a user-friendly and flexible platform for seamless event management and networking.
Re-Branding
Re-Branding
The Whova logo redesign retains the essence of the original concept while enhancing its visual appeal and brand alignment. The logo symbolizes a user cheering, subtly forming a 'W' and incorporating small rectangles to represent analytics from event participation. Key changes include softening the edges of the rectangular elements for a more approachable look, tapering the ends of the linear elements to convey movement, and resizing a small rectangle to resemble a head for improved balance. The fonts Mansalva and Karla were chosen for their creativity and playfulness, complementing the logo style. Shades of blue were selected to evoke trust and professionalism, enhancing the logo’s friendliness and dynamism while effectively capturing Whova's identity as an innovative event management platform.
The Whova logo redesign retains the essence of the original concept while enhancing its visual appeal and brand alignment. The logo symbolizes a user cheering, subtly forming a 'W' and incorporating small rectangles to represent analytics from event participation. Key changes include softening the edges of the rectangular elements for a more approachable look, tapering the ends of the linear elements to convey movement, and resizing a small rectangle to resemble a head for improved balance. The fonts Mansalva and Karla were chosen for their creativity and playfulness, complementing the logo style. Shades of blue were selected to evoke trust and professionalism, enhancing the logo’s friendliness and dynamism while effectively capturing Whova's identity as an innovative event management platform.
Before
Before
After
After
Research and Insights
Research and Insights
SWOT Diagram
SWOT Diagram
The SWOT analysis of Whova highlights key insights into its position and areas for improvement in user experience and interface (UX/UI). Strengths include a simple and efficient event management system, customization options for brand identity, and features that boost attendee engagement. However, weaknesses like an uninviting user interface and lack of transparency in pricing need addressing to enhance user satisfaction. Opportunities exist in streamlining event management processes, enhancing networking experiences, and leveraging market presence for expansion. Conversely, threats such as financial concerns, technical glitches, privacy issues, and scalability challenges require careful consideration and mitigation strategies to ensure Whova's continued success in the competitive event management software landscape.
The SWOT analysis of Whova highlights key insights into its position and areas for improvement in user experience and interface (UX/UI). Strengths include a simple and efficient event management system, customization options for brand identity, and features that boost attendee engagement. However, weaknesses like an uninviting user interface and lack of transparency in pricing need addressing to enhance user satisfaction. Opportunities exist in streamlining event management processes, enhancing networking experiences, and leveraging market presence for expansion. Conversely, threats such as financial concerns, technical glitches, privacy issues, and scalability challenges require careful consideration and mitigation strategies to ensure Whova's continued success in the competitive event management software landscape.
User Personas
User Personas
These three distinct user personas have been identified to represent the diverse needs of individuals interacting with the event management app. These user personas include the Event Attendee, Event Exhibitor, and Event Sponsor. Each persona provides unique insights into their goals, challenges, preferences, and daily routines, helping guide the UX/UI improvements that cater to their specific needs. The comprehensive understanding of these personas contributes to the strategic redesign of Whova, ensuring a user-centric approach that aligns with the expectations and preferences of each user group. The subsequent analysis delves into the specific pain points, requirements, and opportunities for improvement identified through the lenses of these user
These three distinct user personas have been identified to represent the diverse needs of individuals interacting with the event management app. These user personas include the Event Attendee, Event Exhibitor, and Event Sponsor. Each persona provides unique insights into their goals, challenges, preferences, and daily routines, helping guide the UX/UI improvements that cater to their specific needs. The comprehensive understanding of these personas contributes to the strategic redesign of Whova, ensuring a user-centric approach that aligns with the expectations and preferences of each user group. The subsequent analysis delves into the specific pain points, requirements, and opportunities for improvement identified through the lenses of these user
Analysis, Planning, and Design Structure
Analysis, Planning, and Design
Structure
The integration of Task Analysis, Task Flow, and Site Mapping in the redesign of the Whova app led to significant insights that shaped the overall user experience. Task Analysis identified key user tasks and frustrations, emphasizing the need for a user-centric approach. By mapping out the Task Flow, unnecessary steps and bottlenecks were revealed, highlighting the importance of minimizing clicks and cognitive load to enhance user satisfaction. The creation of a Site Map provided a clear overview of the app’s content hierarchy, ensuring easy access to essential features while improving navigation. This comprehensive methodology not only clarified the user experience but also facilitated an iterative design process, allowing for continuous refinement based on user feedback. The insights gained from this analysis and planning phase culminated in a cohesive design structure that optimally addresses user needs, ultimately fostering a more intuitive and engaging experience within the Whova app. Link for insights
The integration of Task Analysis, Task Flow, and Site Mapping in the redesign of the Whova app led to significant insights that shaped the overall user experience. Task Analysis identified key user tasks and frustrations, emphasizing the need for a user-centric approach. By mapping out the Task Flow, unnecessary steps and bottlenecks were revealed, highlighting the importance of minimizing clicks and cognitive load to enhance user satisfaction. The creation of a Site Map provided a clear overview of the app’s content hierarchy, ensuring easy access to essential features while improving navigation. This comprehensive methodology not only clarified the user experience but also facilitated an iterative design process, allowing for continuous refinement based on user feedback. The insights gained from this analysis and planning phase culminated in a cohesive design structure that optimally addresses user needs, ultimately fostering a more intuitive and engaging experience within the Whova app. Link for insights
Low Fidelity Design
Low Fidelity Design
In this Whova UX/UI case study, the focus has been on Low-Fidelity (Lo-Fi) wireframes, offering a preliminary visualization of key screens: Home Screen, Agenda, and Attendees. The redesign prioritizes a mobile-centric approach, ensuring optimal accessibility for users on the go. The Home Screen introduces a hierarchical grid system, enhancing navigation and decluttering the interface. The Agenda page employs a modular grid system for efficient event scheduling, aiming to simplify navigation and improve content understanding. The Attendees page features a hierarchical grid system for organized profile viewing, emphasizing decluttered and streamlined interactions. These Lo-Fi wireframes lay the foundation for a user-centric design strategy, with subsequent phases poised to refine and evolve these concepts toward High-Fidelity iterations, ensuring a polished and effective Whova mobile application.
In this Whova UX/UI case study, the focus has been on Low-Fidelity (Lo-Fi) wireframes, offering a preliminary visualization of key screens: Home Screen, Agenda, and Attendees. The redesign prioritizes a mobile-centric approach, ensuring optimal accessibility for users on the go. The Home Screen introduces a hierarchical grid system, enhancing navigation and decluttering the interface. The Agenda page employs a modular grid system for efficient event scheduling, aiming to simplify navigation and improve content understanding. The Attendees page features a hierarchical grid system for organized profile viewing, emphasizing decluttered and streamlined interactions. These Lo-Fi wireframes lay the foundation for a user-centric design strategy, with subsequent phases poised to refine and evolve these concepts toward High-Fidelity iterations, ensuring a polished and effective Whova mobile application.
High Fidelity Design
High Fidelity Design
Revamp 1: Home Screen
Revamp 1: Home Screen
The revamped screen showcases impactful enhancements aimed at elevating the overall user experience. The addition of a back button facilitates seamless navigation, providing users with an effortless way to return to the previous screen. The relocation of the profile icon to the right ensures a consistent and visually balanced layout, contributing to an improved overall aesthetic. Strategic adjustments have been made to enhance visibility, with the event profile picture and information now positioned to avoid any obstruction of the banner. Essential event details have been elevated to a prominent top position, ensuring users can quickly access critical information. The inclusion of a map feature allows users to precisely locate the event and seamlessly open it in their phone maps for added convenience. Furthermore, the introduction of a collapsible/expandable option optimizes space utilization, culminating in an enhanced and more user-friendly interface.
The revamped screen showcases impactful enhancements aimed at elevating the overall user experience. The addition of a back button facilitates seamless navigation, providing users with an effortless way to return to the previous screen. The relocation of the profile icon to the right ensures a consistent and visually balanced layout, contributing to an improved overall aesthetic. Strategic adjustments have been made to enhance visibility, with the event profile picture and information now positioned to avoid any obstruction of the banner. Essential event details have been elevated to a prominent top position, ensuring users can quickly access critical information. The inclusion of a map feature allows users to precisely locate the event and seamlessly open it in their phone maps for added convenience. Furthermore, the introduction of a collapsible/expandable option optimizes space utilization, culminating in an enhanced and more user-friendly interface.
Revamp 2: Agenda
Revamp 2: Agenda
Several optimizations have been implemented to refine user navigation and streamline the overall experience. A filter icon on the left enhances content refinement, while relocating the profile icon ensures visual consistency. Separating the search bar minimizes clutter, improving the overall layout. Agenda tabs were redesigned for prioritized information, and an 'Add to My Agenda' button facilitates seamless user interactions. Introducing a 'Win a Prize' tag adds gamification and encourages engagement. The choice of the Poppins font elevates readability, contributing to an enhanced overall design.
Several optimizations have been implemented to refine user navigation and streamline the overall experience. A filter icon on the left enhances content refinement, while relocating the profile icon ensures visual consistency. Separating the search bar minimizes clutter, improving the overall layout. Agenda tabs were redesigned for prioritized information, and an 'Add to My Agenda' button facilitates seamless user interactions. Introducing a 'Win a Prize' tag adds gamification and encourages engagement. The choice of the Poppins font elevates readability, contributing to an enhanced overall design.
Revamp 3: Agenda Info
Revamp 3: Agenda Info
An enhanced navigation experience is achieved through the introduction of a back button, facilitating seamless transitions between screens. Ensuring design consistency, the profile icon is strategically relocated to the right. The reorganization of event information emphasizes clarity, positioning speaker details below the event info for improved hierarchy and visual flow. The 'Win a Prize' section boasts a revamped UI with interactive animations, enhancing user engagement. Collapsible options under 'Event Insights' and 'Virtual Access' are redesigned, maintaining a cohesive aesthetic with the consistent use of the primary color palette and Poppins typography.
An enhanced navigation experience is achieved through the introduction of a back button, facilitating seamless transitions between screens. Ensuring design consistency, the profile icon is strategically relocated to the right. The reorganization of event information emphasizes clarity, positioning speaker details below the event info for improved hierarchy and visual flow. The 'Win a Prize' section boasts a revamped UI with interactive animations, enhancing user engagement. Collapsible options under 'Event Insights' and 'Virtual Access' are redesigned, maintaining a cohesive aesthetic with the consistent use of the primary color palette and Poppins typography.
Revamp 4: Community
Revamp 4: Community
The redesigned screen incorporates several enhancements for a cohesive and user-friendly experience. Additional option icons are placed on the left of the top navigation, improving accessibility to key features. The profile icon is shifted to the right for a consistent and standardized layout. Separating the search bar from the top nav enhances clarity and organization. The button UI has been revamped for a modern look, and new replies notifications are more prominent, ensuring users don't miss important updates. Community cards are rearranged for improved information hierarchy, featuring a new follow button for user engagement. The pin icon is shifted to the right for better visual flow. Additionally, personalization is introduced with the inclusion of a profile image.
The redesigned screen incorporates several enhancements for a cohesive and user-friendly experience. Additional option icons are placed on the left of the top navigation, improving accessibility to key features. The profile icon is shifted to the right for a consistent and standardized layout. Separating the search bar from the top nav enhances clarity and organization. The button UI has been revamped for a modern look, and new replies notifications are more prominent, ensuring users don't miss important updates. Community cards are rearranged for improved information hierarchy, featuring a new follow button for user engagement. The pin icon is shifted to the right for better visual flow. Additionally, personalization is introduced with the inclusion of a profile image.
Revamp 5: Attendees
Revamp 5: Attendees
Several enhancements were applied to the existing screen to improve user experience and maintain design consistency. A back button was introduced to facilitate easier navigation, enabling users to seamlessly return to the previous screen. The profile icon was shifted to the right, ensuring a consistent layout. Personalization was added through a profile image. The primary color palette, predominantly utilizing Poppins for typography, contributes to a cohesive visual identity. The search bar was detached from the top nav, decluttering the interface. A bookmark icon replaced the star icon, positioned on the left for improved accessibility. Redundancies were removed, prioritizing simplicity, and the "say hi" button was repositioned to prevent accidental clicks.
Several enhancements were applied to the existing screen to improve user experience and maintain design consistency. A back button was introduced to facilitate easier navigation, enabling users to seamlessly return to the previous screen. The profile icon was shifted to the right, ensuring a consistent layout. Personalization was added through a profile image. The primary color palette, predominantly utilizing Poppins for typography, contributes to a cohesive visual identity. The search bar was detached from the top nav, decluttering the interface. A bookmark icon replaced the star icon, positioned on the left for improved accessibility. Redundancies were removed, prioritizing simplicity, and the "say hi" button was repositioned to prevent accidental clicks.
Style Guide
Style Guide
The color palette has been thoughtfully designed to promote a cohesive and visually appealing user experience. The primary color, following a monochromatic harmony, establishes a consistent and versatile base, ensuring a unified brand identity. Complementing this, the overall color palette adopts a split complementary harmony, introducing subtle variations that enhance visual interest while maintaining a balanced and harmonious aesthetic. This strategic combination of color schemes contributes to a user-friendly interface, promoting clarity, brand recognition, and an engaging visual experience across the Whova application.
The color palette has been thoughtfully designed to promote a cohesive and visually appealing user experience. The primary color, following a monochromatic harmony, establishes a consistent and versatile base, ensuring a unified brand identity. Complementing this, the overall color palette adopts a split complementary harmony, introducing subtle variations that enhance visual interest while maintaining a balanced and harmonious aesthetic. This strategic combination of color schemes contributes to a user-friendly interface, promoting clarity, brand recognition, and an engaging visual experience across the Whova application.
Reflection
Reflection
This project has been an immersive journey, blending my passion for design with a deep understanding of user needs. As I navigated through user personas, task analysis, and design iterations, I felt a sense of purpose in crafting solutions that enhance the event experience for organizers and attendees alike. Each stage of the process, from conceptualization to execution, allowed me to immerse myself in the intricate details of user interactions and interface aesthetics. It was gratifying to see ideas evolve from Lo-Fi wireframes to polished Hi-Fi designs, with each iteration bringing us closer to a user-centric solution. Personally, this case study has been a rewarding experience that not only honed my design skills but also deepened my appreciation for the importance of empathy and understanding in creating meaningful user experiences. As I reflect on the journey, I'm filled with a sense of pride and fulfillment in contributing to the evolution of Whova's platform, making it more intuitive, accessible, and engaging for all users.
This project has been an immersive journey, blending my passion for design with a deep understanding of user needs. As I navigated through user personas, task analysis, and design iterations, I felt a sense of purpose in crafting solutions that enhance the event experience for organizers and attendees alike. Each stage of the process, from conceptualization to execution, allowed me to immerse myself in the intricate details of user interactions and interface aesthetics. It was gratifying to see ideas evolve from Lo-Fi wireframes to polished Hi-Fi designs, with each iteration bringing us closer to a user-centric solution. Personally, this case study has been a rewarding experience that not only honed my design skills but also deepened my appreciation for the importance of empathy and understanding in creating meaningful user experiences. As I reflect on the journey, I'm filled with a sense of pride and fulfillment in contributing to the evolution of Whova's platform, making it more intuitive, accessible, and engaging for all users.
