Project Overview
Mobile apps are such a vital tool for mass communication and it is transforming the way companies do business. Therefore I wanted to create an app to help promote the martial arts dojo, Kovar's Satori Academy. Their message reflects three things: the mind, body, and spirit. With this app, I aimed on passing on that message and making it convenient for members to access their membership plan. Therefore, I created this mobile app interface to make it more convenient for members to access their membership information such as managing payments, purchasing gear online, and scheduling dates and lessons.
Software: Adobe XD, Photoshop
Skills: UI/UX Design, Brand Strategy, Marketing
Research & Production
The idea behind the app allows our members to check their account and be able to access other important elements such as the payment information, forms, and buying uniforms, gear, and other essentials. Being a part of the Kovar's family for many years now, I was already familiar with the company's brand and was given permission to use their logo and relatable content. I studied existing app designs and researched on what made apps more user-friendly.
Mood Board
Notes and Initial Sketches
Wireframes
The app begins with the sign-up page which allows the user to select their campus. Next, it takes them to a different page which asks if they are a student, parent, or instructor—in which the app would adhere to each experience. From there, the user can click on the hamburger menu at the top left corner giving them all the options such as Calendar, Forms, and Retail. The user can then select whichever feature following the designated pathway. Mockups of these wireframes are shown below.
1-Sign Up
1-Sign Up
2-User Page
2-User Page
3-Navigation Bar
3-Navigation Bar
4-Calendar
4-Calendar
5-Alert Message
5-Alert Message
6-Forms
6-Forms
7-Forms Example
7-Forms Example
8-Retail
8-Retail
9-Browse Page
9-Browse Page
10-Shopping Cart
10-Shopping Cart
11-Checkout
11-Checkout
12-Error Message
12-Error Message
Final Screens
1-Sign Up
1-Sign Up
2-User Page
2-User Page
3-Navigation Bar
3-Navigation Bar
4-Calendar
4-Calendar
5-Alert
5-Alert
6-Forms
6-Forms
7-Form Example
7-Form Example
8-Retail
8-Retail
9-Shopping
9-Shopping
10-Shopping Cart
10-Shopping Cart
11-Checkout
11-Checkout
12-Error Message
12-Error Message
User Demonstration
Disclaimer: I have been given permission to share this project for viewing purposes. It is not meant to be redistributed.
Back to Top