Portfolio

Portfolio

Portfolio

Payment Mobile Application

With a user-centric approach, the goal is to create an intuitive interface for easy financial management while incorporating infographics

Premium UX Template for Framer

Payment Mobile Application

With a user-centric approach, the goal is to create an intuitive interface for easy financial management while incorporating infographics

Payment Mobile Application

With a user-centric approach, the goal is to create an intuitive interface for easy financial management while incorporating infographics

Premium UX Template for Framer

Application AR Five Senses

AR application design project, this application is to help children learn science, especially the five senses

Premium UX Template for Framer

Application AR Five Senses

AR application design project, this application is to help children learn science, especially the five senses

Application AR Five Senses

AR application design project, this application is to help children learn science, especially the five senses

Premium UX Template for Framer

Mobile Ui Design Kit

A leading bank wanted to revamp their mobile app to provide a more user-friendly and secure experience

Design Asset

We provide design assets to help you from icon design, 3d design and ui kit, use the design wisely in web or app design. Check out more

Premium UX Template for Framer

Design Asset

We provide design assets to help you from icon design, 3d design and ui kit, use the design wisely in web or app design. Check out more

Premium UX Template for Framer

Design Asset

made a shopping UI kit design for me to publish, especially to developers and for people who need a UI kit design

Design Asset

made a shopping UI kit design for me to publish, especially to developers and for people who need a UI kit design

Applications AR Traditional Dances

This application design project is to help children get to know the art and culture of traditional Indonesian dance. Apart from working on UI design, I make designs that are suitable for children

Premium UX Template for Framer

Applications AR Traditional Dances

This application design project is to help children get to know the art and culture of traditional Indonesian dance. Apart from working on UI design, I make designs that are suitable for children

Applications AR Traditional Dances

This application design project is to help children get to know the art and culture of traditional Indonesian dance. Apart from working on UI design, I make designs that are suitable for children

Premium UX Template for Framer

Process

This stage of the problem process is usually carried out to produce the right solution for the user. However, these rules are not always sequential, these rules can change according to the problems faced by users

  • 01

    Research

    The session finds out more about cases that are related and related to similar cases. Starting from finding the root of the problem and determining a method that is suitable for the user

  • Define

    After researching and determining the method that is suitable for the user. The approach to users is the most important thing so that the process continues to run smoothly

    02

  • Low Fidelity

    Discuss with stakeholders whether or not features can be implemented according to existing stakeholder capacity so that later users can find out what features really help them

    03

  • High Fidelity

    High-fidelity design patterns, I started designing the necessary elements for each page, different framework options, created a design system and developed a design style for developers and tested the design functionality to make it work.

    04

Process

This stage of the problem process is usually carried out to produce the right solution for the user. However, these rules are not always sequential, these rules can change according to the problems faced by users

  • 01

    Research

    The session finds out more about cases that are related and related to similar cases. Starting from finding the root of the problem and determining a method that is suitable for the user

  • Define

    After researching and determining the method that is suitable for the user. The approach to users is the most important thing so that the process continues to run smoothly

    02

  • Low Fidelity

    Discuss with stakeholders whether or not features can be implemented according to existing stakeholder capacity so that later users can find out what features really help them

    03

  • High Fidelity

    High-fidelity design patterns, I started designing the necessary elements for each page, different framework options, created a design system and developed a design style for developers and tested the design functionality to make it work.

    04

Process

This stage of the problem process is usually carried out to produce the right solution for the user. However, these rules are not always sequential, these rules can change according to the problems faced by users

01

Research

The session finds out more about cases that are related and related to similar cases. Starting from finding the root of the problem and determining a method that is suitable for the user

Low Fidelity

Discuss with stakeholders whether or not features can be implemented according to existing stakeholder capacity so that later users can find out what features really help them

03

Define

After researching and determining the method that is suitable for the user. The approach to users is the most important thing so that the process continues to run smoothly

02

Deliver

Determine design patterns, elements of template pages, different framework options, and work with developers to test design functionality.

04

Stack

Stack

Stack

HeiSupay © 2025. Designed by Supi Adawiah

HeiSupay © 2025. Designed by Supi Adawiah

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