The Brief
The Process
Define Role & Contribution
Role
Designer and Developer
Timeline
2 Days - Q2 2023
Industry
Games and Health
Main Responsibilites
As a developer and designer, my role covers a little bit of everything, but the scope of this project isn't as extensive as others. As both designer and developer, the design documentation doesn't need to be overly detailed, as I can easily understand what I'm trying to create. As a developer, I use the Swift UI programming language.
Brainstorm & Desk Research
My research involved looking at the winners of the WWDC Swift Student Challenge listed on WWDC Scholars. I did a quick analysis to identify patterns in the winning applications. From my personal analysis, I found that winning at WWDC doesn't necessarily require an incredibly cool program. The WWDC organizers put more emphasis on the concept and story presented by the winners.
Based on this conclusion, I started looking for things related to my environment. As I recently started going to the gym to bulk up my small body and realized the importance of protein for muscle building, I found myself unaware of the daily protein intake needed as a beginner. This made me decide to create an app about protein.
Design Phase - UI/UX Design & Illustrator
In the design process, I started with a simple flowchart of the application I wanted to build. Without making a wireframe first, I went straight to high fidelity. After finishing the UI design for the app along with the story concept, I began creating illustrations and all the assets needed for the game. As a designer and developer, it's nice to have the freedom to design, and I liked it from the start. The story concept I came up with for the game is fun and amusing.
The story concept revolves around specific situations that people face during exercise when they have an excess, adequate, or insufficient amount of protein. From these three conditions, I created a story that I will later turn into a program. Once the entire story and design were complete, I moved on to Xcode to convert the design directly into code.
Code Phase
In this stage, I wrote code using Xcode in Swift Playground format. Throughout the project, I utilized Swift UI and AV Foundation to ensure a smooth user experience. I customized the app's color scheme and fonts directly in the code, making it visually attractive and user-friendly.
The Results
About The App
About Protein was created to help individuals maintain a healthy diet. Our app features a daily protein needs calculator based on international standards that aids users in meeting their nutritional requirements. By entering their weight, users can determine their daily protein intake recommendations, which are critical for maintaining muscle mass, repairing tissues, and producing hormones and enzymes. This app also comes with a very playful scene about protein.
There are 3 storylines in this game & 1 Feature
When someone has excess protein
When someone lacks protein
When someone has sufficient protein
Calculating daily protein needs
Visit My WWDC Scholars Page
Click here to visit!
Reflection & Evaluation
Project Evaluation
This project won the WWDC Swift Student Challenge 2023. I successfully secured the first position, among 350 others worldwide. Additionally, the project made it to the WWDC Scholars page. Winning this challenge comes with perks such as receiving Apple merchandise and the opportunity to obtain Swift certification for free.
My Personal Reflection
This project gave me a lot of experience to learn Swift UI more deeply.
During the project, I got help from some of my friends, especially in creating certain logics. This helped me understand what areas I need to delve deeper into for the Swift UI programming language.
