• UI/UX COMPETITION —

  • UI/UX COMPETITION —

  • UI/UX COMPETITION —

12 Hour Live Design Competition

Designing a mental health app that brings calm and comfort to everyday life within just 12 hours.

Category:

UI/UX Competition

Category:

UI/UX Competition

Category:

UI/UX Competition

Role:

UI/UX Designer

Role:

UI/UX Designer

Role:

UI/UX Designer

Organizer

Satya Wacana Christian University

Organizer

Satya Wacana Christian University

Organizer

Satya Wacana Christian University

Location

Salatiga, Central Java

Location

Salatiga, Central Java

Location

Salatiga, Central Java

Duration:

12 Hours (Sept 21, 2024)

Duration:

12 Hours (Sept 21, 2024)

Duration:

12 Hours (Sept 21, 2024)

Tools:

Figma, Canva

Tools:

Figma, Canva

Tools:

Figma, Canva

Team:

Shiva Augusta, Anggara Dwi

Team:

Shiva Augusta, Anggara Dwi

Team:

Shiva Augusta, Anggara Dwi

MindEase app mockup design created by grasio justin for ISFEST UIUX competition

ABOUT

ABOUT

ABOUT

ISFEST competition official poster featuring jeremia justin participation
ISFEST

ISFEST (Information System Festival) is a national level competition that pushes participants to think fast, design creatively, and solve real problems under pressure. One of its most thrilling events is the 12 Hour Live UI/UX Design Competition, where designers race against the clock to craft impactful solutions from scratch.

CONTEXT

CONTEXT

CONTEXT

Memoji with cloud illustration representing MindEase concept by justin grasio
RULES

In this competition, participants are given a surprise theme and just 12 hours to create a complete solution from ideation to high fidelity design. It’s an intense yet exciting challenge that tests creativity, adaptability, teamwork, and time management all at once.

CHALLENGE

CHALLENGE

CHALLENGE

Memoji with smoky head visual symbolizing stress in design by jeremia justin grasio
Design, prototype, & mockup in 12 hours

  • Time: We had to complete everything research, ideation, wireframes, high fidelity design, and prototype within only 12 hours.

  • Theme: The theme, mental health, was revealed at the start, adding a surprising twist to the challenge.

PROCESS

PROCESS

PROCESS

User persona research for MindEase mental health app by grasio justin
User Persona

We began by defining a user persona to understand our audience and guide design decisions. This step gave us clarity on user needs and pain points.

Hi-fidelity mockup of MindEase app interface designed by jeremia justin
Jump to Hi fidelity design

For the visual direction, I chose calming green tones and a friendly, approachable design style to reflect peace and comfort. We also added a unique “belief” feature so if a user identifies as Christian, the app can show tailored Bible verses to provide emotional support.

Interactive prototype of MindEase mental health app by justin grasio
Prototype

With the design system and visual style in place, I created an interactive prototype to simulate real user experiences. This allowed us to test the user journey, refine the flow, and ensure the design was intuitive before finalizing it.

glimpse

glimpse

glimpse

Three login page screens of MindEase app created by jeremia justin grasio
Two home screens and notification screen of MindEase app by grasio justin
Mental health menu and article section of MindEase app by jeremia justin
Anxiety test feature screen from MindEase app designed by justin grasio
We Care menu interface of MindEase app developed by jeremia justin grasio
ISFEST participation certificate awarded to grasio justin for MindEase project
Memoji of jeremia justin with peace hand sign for new project offer
Memoji of jeremia justin with peace hand sign for new project offer
Memoji of jeremia justin with peace hand sign for new project offer
Have a plan in mind?