Moxxi
Moxxi is a responsive web app aiming to ease stress by helping event organizers manage their events online. Users can create an event, invite guests, ask custom questions, and send updates to their attendees. All from their phone or desktop.
I partnered with a Front End Developer for this project. As a team, we created the responsive website design from concept to its current ongoing development. As the UX Designer, I was responsible for: conducting interviews, paper/digital wireframes, low and high fidelity prototypes, accounting for accessibility, and iterating on designs.
My Role
UI/UX Design | User Research | Journey Mapping | Wireframing | Information Architecture | Interaction Design | Design Systems | Design QA
Project Status
In Developement
Defining the Process
I broke the project down into four key phases, each comprised of important steps. This approach helped plan out the project roadmap and determine key milestones and deliverable dates. With the tight timeline to MVP, working with an agile, sprint-based process allowed me to iterate on and validate potential solutions early and often.
Empathize & Analysis
We identified hosts and guests as the two categories of users for Moxxi. To get into the mindset of these users, I created personas and journey maps for both user types. From this, we decided there would be three main user flows: host sending, host receiving, and guests.
Creation
I sketched out paper wireframes for each screen in my design. I used different Ideation methods such as: word association, crazy eights and negative brainstorming.
 |  |  |
|---|---|---|
 |  |  |
 |
.jpg)
Digital Wireframes
After ideating and drafting paper wireframes, I created the initial wireframes for Moxxi. These designs focus on displaying the event information and updates users would want to see when they login to the app.
Visual graph of
Guest Responses
The low-fidelity prototype (made in Adobe XD) included a primary user flow for ordering a bouquet of flowers online.
The low-fidelity prototype included a primary user flow for the host creating an event. The prototype could then be applied in a usability study with volunteer participants.
Usability Study
A usability study was conducted using the following parameters:
-
Study type: Unmoderated usability study
-
Location: Remote
-
Participants: 10
-
Length: 30-60 minutes
These were the main findings uncovered by the usability study:
1. Most participants were confused by the separate Host and Guest Accounts
We combined the two types of accounts into one account that can host events and be a guest at other events.
2. Most participants wanted some type of indication of progress through the
"Create An Event" process
We added a progress bar for the "Create An Event" pages and changed the "next" arrow button to be grayed out until the required answers are filled. The "save" button on the guest list also was deemed unnecessary.
3. Some participants felt the navigation was redundant
To minimize redundancy, we changed the hamburger menu to be the user's direct messages instead of another navigation bar. We also shortened the overlay menu so the icon navigating bar at the bottom of the screen is still accessible.
Design System
I established a flexible design system that includes visual styles, components, and a comprehensive set of guidelines and best practices for usage. The design system not only improved efficiency during the design process but also ensured the platform could continue to evolve and maintain visual consistency.
Production
The designs for screen size variation included mobile and desktop. I optimized the designs to fit the specific user needs of each device and screen size.
Takeaways
My thoughts throughout the process were "simplify, simplify, simplify." I kept the user's best interests in mind throughout the project, which meant keeping the design and features simple. It was a great experience working with a front-end developer on this project and getting his point of view throughout the design process.
Next Steps
The next steps for Moxxi are:
-
Run usability tests and continue iterating on the design
-
Run an accessibility audit to make sure all users can have a great experience with Moxxi
-
Assist Development in launching the final product
This project is currently delayed. Come back soon to see the final web app!
For now check out the current prototype for yourself Here
Kailey Martin