My Work

My Work

Visualive

Search Here

Competitions

Competitions

Mobile Apps

2023

2023

Visualive

We are participating in a national competition where students must innovate ideas that can solve a problem. Our team consists of 3 who will work in their respective fields.

Role

UIUX Designer

Platform

Mobile

Timeline

3 Months

Background

This e-learning application is one form of technological development that helps the world of education. Its existence makes it easy for teachers and students to still be able to carry out the learning process even though they are anywhere and anytime. And in this case, it prioritises art and design , where art is a form of self-expression of creative and imaginative ideas or ideas that the creator has.

National Competition PKM (Pekan Kreativitas Mahasiswa )

Collecting Data

Based on the data and facts circulating around, drawing courses for university entrance preparation are very expensive and many people do not have access to learning at affordable prices or free. Therefore we are committed to creating video learning features and communities for free where students can learn drawing there.

Research Data

The Design Thinking Process

We use the Design Thinking method to ensure that every process can be done well and the problems faced can be resolved with this method as well as with additional usability testing.

Design Thinking Process

Making The Flow

We started to create a good user flow so that the application is easy to use, for pages we have many pages such as homepage, video, settings, avatars and much more.

User Flow Visualive

Wireframe And Guideline

After we determine the user flow, features and methods, we start the wireframe design and also create a guideline for colours, typography and colours so that the design looks consistent.

Research , Guideline & Wireframe

The Result

And after a long process we finally completed High Fidelity with many screens and features, so next we can test this application through the Usability Testing method.

The Final Design

Determine The Features

So in this application we have 3 main features There Are video learning, community. And Gamification And This Is Expected To Solve From Problems

Prototype Of Visualive Application

Making A Solution Based On Problem

Video Learning: With this feature, everyone can access drawing lessons at a low cost

Community: With the community we can interact with each other to share knowledge and tips and tricks, and of course there will also be mentors who can help you.

Gamification: Every time you finish watching a video, you will get a gift and can be redeemed by an avatar and you can customise your avatar freely.

Online Learn , Gamification & Customitation

Usability Testing

In the testing stage, we try to test our design to several users to test the navigation, readability, and effectiveness of our design to users. The method used in this testing is to prototype the application in Figma on Android.

List Of Task And Usability Testing

Usability Testing

In the testing stage, we try to test our design to several users to test the navigation, readability, and effectiveness of our design to users. The method used in this testing is to prototype the application in Figma on Android.

Iteration Process

Reflection

After going through the research, design, prototyping and usability testing process, we have several points where this can be used as a great potential in business and also the importance of testing our products on potential users so that we can provide the best experience when the product is released.

Visualive Trailer

Create a free website with Framer, the website builder loved by startups, designers and agencies.