T.Carcel Events
Objective
To guide the user through an experience where they can imagine how a potential event can be through images, videos, and price packages. The site will feel welcoming and trustworthy, with a color palette that will connect with users that are getting married or hosting company events.
Timeframe: Thirteen days
Deliverables: Research, information architecture, interaction design, low/high fidelity wireframes, usability testing, and user interface design
Software: Sketch, Invision, Illustrator, Photoshop, Optimal Survey
RESEARCH
Methodology
1:1 Research: Interview both genders to get a better grasp of what is needed and expected. Questions will focus on experiences with planning events.
Competitive Analysis: Review other event planning and wedding sites. What are the most common features that lure potential clients in? What isn’t working for each of these sites and how can they be improved?
Findings
I interviewed a number of people regarding their experiences with event planners. The age range was a factor because each had different purposes to contact or use a planner. Ages 25-35 contacted an event planner only for weddings. The age range from 50-65, used an event planner for birthdays or corporate events. Each age range gave me useful information on what they expected from an event website.
INFORMATION ARCHITECTURE
Creating goals and conducting a survey will help me understand what the user needs to have the best experience planning an event. The information gathered will also assist in mapping out what the user will encounter while exploring the site.
INTERACTION DESIGN
UI Product Requirements
Pages to Design
Homepage: Package List, Gallery, Hero page, Introduction
Packages page: 3 visible bundles (12 month / 6 month / Day Of)
Check Out page: Package pricing, Information and Confirmation forms
High Level Requirement
To make the user feel like they are in control with design that showcases the company’s skills and talents. Colors and images will play a big part in drawing the user in to contact the business for consultation.
Desktop (low fidelity)
Tablet (low fidelity)
Mobile (low fidelity)
Findings
While placing my drawings in Sketch and understanding how the user will be navigating through the site, I scheduled an interview with the stakeholder. We discussed what makes her business go and what she may want to see in a potential site. She informed me that she is the only event planner in the city that has an actual office! Through my research, business owners in the city of Cebu rely on referrals to keep afloat and that websites are rarely used. Facebook is the preference.
USABILITY TESTING
Test Objectives
Does the User recognize the navigation patterns of the site
Branding communicate well to the User?
Are the buttons clear to User and what the next step should be
Typefaces selected are clear and legible to User
Clickable area for forms are easily located
Any confusing or unclear elements of design
Test Methodology
Remote testing: InVision
Subjects will receive link to UI design.
Open Ended comments
User Task
You are interested in hiring an event coordinator and searching for a package that fits your needs.
View the prototype and inquire about the company's 12-month service.
When you reach the 'Thank you' page, you have completed the task.
Findings
Two prototypes were sent out to the same group of participants to get better answers on how well the product flows with the user.
The first was a low-fidelity prototype. The feedback I received were about the confusion of buttons and if they were active or not. Placement of text became an issue as well. Users felt that paragraphs placed next to a form disrupts the main goal.
The suggestions were noted and incorporated into the high-fidelity version. Tasks and paths to the goal became more clear.