-Planned & conducted user interviews
-Paper & digital wireframes
-Low & high-fidelity prototyping
-Conducted usability studies
-Accounted for accessibility
-Iterated on designs
-Designed responsive website
-Designed logo & branding
I conducted interviews that I later turned into empathy maps to better understand the target user and their needs. I discovered that users who typically buy event tickets use it as a fun escape from stress or to connect with the greater community. However, many online events ticket websites have clunky navigation for choosing seating and often frustrate the target users by avoiding transparency in ticket fees. This frustration causes users to give up and not complete the ticket purchase
Choosing seats often is clunky and confusing, resulting in confusing navigation.
Fees are often not transparent until the end of the checkout process, causing user frustration.
Online ticket shopping websites don’t provide an engaging browsing experience.
Make strategic information architecture decisions to improve overall flow of website. Keeping it clean and simple as possible!
Sketch 5 different desktop page ideas & "star" favorite ideas
Combine favorite ideas
Iterate & expand
Repeat for all screens
Repeat for multiple screen sizes
- Clear menu & visual hierarchies
- Useful button locations
- Carousel of images & event cards for easy browsing
- Implement suggestions from peers
Participants want it to be more obvious when they add a ticket to their cart. Add a pop-up cart overlay each time a ticket is added to cart.
Participants want a way to modify individual tickets in the cart. Add modifier buttons in cart items and summary items to allow users to make changes.
Participants want to be able to navigate back easily during the check-out process. Add a back button during each page of the checkout.
Using Adobe Illustrator, I designed a logo for the website inspired by Mexican wildflowers.
I designed the typography in a custom design system to improve visual hierarchy, easy navigation and overall usability.
The seating navigation custom graphics implement the design system colors to reinforce the brand.
"Wow, this website is really beautiful and easy to use! This is much more exciting to use than my regular event websites. Can’t wait to use it.”
- Research Participant
Small design adjustments can lead to a HUGE impact on the user. At the end of the day, if you stay focused on the user and continue to design in a clear and concise manner, the user and the business will benefit!
1. Conduct follow-up usability studies on the website.
2. Identify and address any areas of improvement and ideate on additional features.
3. Continue to refine the branding and logo based on stakeholder and user feedback.
I hope you enjoyed viewing Wildflower Arts Center: Responsive Web Design! Thanks for checking it out!
Creative coffee sessions encouraged