











INTRO
ISFEST (Information System Festival) is a national level competition that challenges participants to push their creativity and problem solving skills under pressure. One of its standout events is the 12 Hour Live UI/UX Design Competition, where designers are given a surprise theme and limited time to create a complete solution from ideation to high fidelity design all within just 12 hours. This intense, real time format tests not only design skills but also teamwork, time management, and adaptability, making it a valuable experience for aspiring UI/UX designers to showcase their talent in a competitive and collaborative environment.
INTRO
ISFEST (Information System Festival) is a national level competition that challenges participants to push their creativity and problem solving skills under pressure. One of its standout events is the 12 Hour Live UI/UX Design Competition, where designers are given a surprise theme and limited time to create a complete solution from ideation to high fidelity design all within just 12 hours. This intense, real time format tests not only design skills but also teamwork, time management, and adaptability, making it a valuable experience for aspiring UI/UX designers to showcase their talent in a competitive and collaborative environment.
INTRO
ISFEST (Information System Festival) is a national level competition that challenges participants to push their creativity and problem solving skills under pressure. One of its standout events is the 12 Hour Live UI/UX Design Competition, where designers are given a surprise theme and limited time to create a complete solution from ideation to high fidelity design all within just 12 hours. This intense, real time format tests not only design skills but also teamwork, time management, and adaptability, making it a valuable experience for aspiring UI/UX designers to showcase their talent in a competitive and collaborative environment.
Partner
Shiva Augusta, Anggara Dwi



USER PERSONA
The first step we took was creating a user persona to better understand our target audience and guide the design decisions for our mental health app.
USER PERSONA
The first step we took was creating a user persona to better understand our target audience and guide the design decisions for our mental health app.
USER PERSONA
The first step we took was creating a user persona to better understand our target audience and guide the design decisions for our mental health app.



DESIGN
After defining the user persona, we had a clear direction to begin designing. I started working on the visual style, choosing calming green tones and a friendly, approachable design. We also introduced a “belief” category so if the user identifies as Christian, for example, the app can display relevant Bible verses tailored to their emotional state.
DESIGN
After defining the user persona, we had a clear direction to begin designing. I started working on the visual style, choosing calming green tones and a friendly, approachable design. We also introduced a “belief” category so if the user identifies as Christian, for example, the app can display relevant Bible verses tailored to their emotional state.
DESIGN
After defining the user persona, we had a clear direction to begin designing. I started working on the visual style, choosing calming green tones and a friendly, approachable design. We also introduced a “belief” category so if the user identifies as Christian, for example, the app can display relevant Bible verses tailored to their emotional state.



PROTOTYPE
We created the prototype to bring our ideas to life and visualize the full user journey. Using the design system and visual style we had defined, I built interactive screens that reflect real user interactions. This prototype allowed us to simulate the app experience, test usability, and gather feedback before moving forward to development. It helped ensure the flow, design elements, and features.
PROTOTYPE
We created the prototype to bring our ideas to life and visualize the full user journey. Using the design system and visual style we had defined, I built interactive screens that reflect real user interactions. This prototype allowed us to simulate the app experience, test usability, and gather feedback before moving forward to development. It helped ensure the flow, design elements, and features.
PROTOTYPE
We created the prototype to bring our ideas to life and visualize the full user journey. Using the design system and visual style we had defined, I built interactive screens that reflect real user interactions. This prototype allowed us to simulate the app experience, test usability, and gather feedback before moving forward to development. It helped ensure the flow, design elements, and features.












Xera Team
Thanks to everyone who supported us in the ISFEST UI/UX competition.
Xera Team
Thanks to everyone who supported us in the ISFEST UI/UX competition.
Xera Team
Thanks to everyone who supported us in the ISFEST UI/UX competition.
Home Page
We Care Menu
Psychiatric Consultation Menu
Mental Health Menu
Self Care Menu
Yoga Class
Home Page
We Care Menu
Psychiatric Consultation Menu
Mental Health Menu
Self Care Menu
Yoga Class
Mind Ease Mental Health App
This was my second time participating in a 12 hour live UI/UX Design Competition. We were randomly assigned a theme by drawing lots and had to complete the entire task within 12 hours.
UI/UX Competition
12 Hours Live Design
Mental Health
Organizer
Satya Wacana Christian University
Role
UI/UX Designer
Platform
Mobile App
Duration
Sept 2024
Tools
Figma, Power Point, Canva
Grasio Justin ⋅
UI/UX Designer ⋅
Framer Developer ⋅
Grasio Justin ⋅
UI/UX Designer ⋅
Framer Developer ⋅
Grasio Justin ⋅
UI/UX Designer ⋅
Framer Developer ⋅