Portrait of Jeremia Justin Grasio used as the home page hero background of his portfolio.

Frank & co. Adaptive PDP System portfolio preview

Frank & co. Adaptive PDP System

HR Recruiter Solution portfolio preview

HR Recruiter Solution

SEO Optimized Church Website portfolio preview

SEO Optimized Church Website

Gallery Room portfolio preview

Gallery Room

Gamify Ring Size Guidelines

Frank & co. Valentine Campaign portfolio preview

Frank & co. Valentine Campaign

Bookmarking Tools portfolio preview

Bookmarking Tools

Dibimbing.id Page Revamp portfolio preview

Dibimbing.id Page Revamp

Cakrawala University Academic System portfolio preview

Cakrawala University Academic System

Dinuslib Library System portfolio preview

Dinuslib Library System

Competition portfolio preview

Competition

Work Experience portfolio preview

Work Experience

Awards portfolio preview

Awards

Review portfolio preview

Review

Waving hand emoji used as a notification icon.

Hi, I'm open for any project! 🚀

You can contact me anytime through the email icon or click here

now

Some projects can't showed because of agreement

College Competition

College Competition

3RD PLACE INTERNATIONAL UI/UX CHALLANGE

Travelmate app UI design cover from the Inspace competition.

3RD PLACE INSPACE UIX COMPETITION

UI/UX competition project mockup showcase.

12 HOURS LIVE DESIGN COMPETITION

Pandai app UI design cover from the Udinus competition.

TOP 10 NATIONAL UIX CHALLENGE

BRTku mobile app competition design cover.

ECO TICKETS & REAL TIME ROUTES

Xera app UI design cover from the BASIC competition.

3rd Place – International UIX Challenge

Designed a learning app from wireframe to hi-fidelity design in 24 hours to help parents support their children’s academics.

PROJECT INFORMATION

Category:

UI/UX Competition

Role:

UI/UX Designer

Organizer:

Bina Nusantara University

Location:

BINUS Taman Anggrek

Team:

Shiva Augusta, Priksa Trisna

Tools:

Figma, Canva

ABOUT

BASIC international UI/UX competition poster.

Business and system innovation challenge

The challenge was hosted by Bina Nusantara University in collaboration with Skorates, a leading provider of digital solutions for education in Indonesia. Skorates supports schools in digital transformation through learning platforms, teacher training, and IT infrastructure. The competition aimed to inspire students to create innovative digital solutions to modernize education in Indonesia.

CONTEXT

Sokrates app App Store listing used as a project reference.

Sokrates App

We were tasked with designing a platform inspired by the Sokrates App, which integrates multiple features such as:

School Information System (admission, LMS, e-raport, e-finance, e-library)
Digital Content (ICT and non-ICT learning materials, virtual labs, robotics)
Teacher Professional Development (Merdeka Mengajar, digital learning modules)
School IT Infrastructure (consultation, implementation, maintenance)

CHALLENGE

Xera team live sessions feature design.

24 Hours Live Design

In the final round, the organizers gave us 24 hours to complete the case study. We were free to manage our time however we wanted whether to relax, rest, or work continuously as long as the final solution was submitted on time. We maximized the entire 24 hours to design a mobile platform that integrated AI features to enhance the educational experience.

PROCESS

User persona research for the Xera education app.

User Persona

We created "Budi Santoso," a busy parent seeking a simpler way to manage his child’s school enrollment. His struggles with complex procedures and scattered information guided our design decisions for a more intuitive user experience.

Platform Requirements

We mapped out:

Financial Platform: Online payments, scholarship applications, real-time tracking, and transparency features.
Academic Testing Platform: Centralized scheduling, result management, and real time analytics.

High-fidelity design of the Xera education mobile app.

Hi Fidelity Design

Before the final, we submitted wireframes. During the 24 hour challenge, we enhanced them with the new case requirements.

Interactive prototype of the Xera education app.

Prototype

After completing the hi fidelity design, we moved on to creating the interactive prototype. This allowed us to transform the static screens into a fully clickable experience, making it easier to demonstrate user flows and validate the overall usability of the platform.

PREVIEW

Login and home screens of the Xera education app.

Notification page of the Xera education app.

School registration status page in the Xera app.

Group photo of the BASIC competition Binus winners.

Team Xera with the Indian team celebrating at the BASIC competition.

BASIC UI/UX competition certificate.

Back to portfolio