For me design is about balancing how a product

works, looks, and perceived.

Skills / Tools

UX UI Design.

App Design.

Web Design.

Web Dev.

✧

UX UI Design.

User Flow.

Wireframe.

Prototype.

App Design.

Web Design.

Web Dev.

✧

UX UI Design.

User Flow.

Wireframe.

Prototype.

App Design.

Web Design.

Web Dev.

✧

UX UI Design.

User Flow.

Wireframe.

Prototype.

App & Web Design.

Web Dev.

✧

UX UI Design.

User Flow.

Wireframe.

Prototype.

App & Web Design.

✧

User Research.

Competitive Analysis.

Usability Testing.

Survey.

Interview.

✧

User Research.

Competitive Analysis.

Usability Testing.

Survey.

Interview.

✧

User Research.

Competitive Analysis.

Usability Testing.

User Survey.

Interview.

✧

User Research.

Competitive Analysis.

Usability Testing.

User Survey.

Interview.

✧

User Research.

Competitive Analysis.

Usability Testing.

User Survey.

Interview.

✧

User Research.

Figma.

Adobe.

Webflow.

Maze.

Miro.

Figjam.

✧

Figma.

Adobe.

Webflow.

Maze.

Miro.

Figjam.

✧

Figma.

Adobe.

Webflow.

Maze.

Miro.

Figjam.

✧

Figma.

Adobe.

Webflow.

Maze.

Miro.

Figjam.

✧

Figma.

Adobe.

Webflow.

Maze.

Miro.

Figjam.

✧

Figma.

Adobe.

Webflow.

Maze.

Miro.

Want to get in touch?

Drop me a line!

Name

Email Address

messange

Thank you! Your message has been received!

Oops! Something went wrong while submitting the form.

Fasset App Feature Development & UX Research

Project Overview

Fasset is a global crypto exchange platform with a mission to drive digital asset adoption in emerging markets and build a better future with it. This project aimed to design and develop additional-localized features (deposit & withdraw fiat) of an existing Fasset app for Indonesian market. The project focuses on creating a user-friendly and intuitive experience for users. It involved conducting massive UX research (usability testing, user survey, in-depth interview, UX professional review) to understand the frustrations, needs, and behaviors of potential users, as well as to get a comprehensive assessment from professionals, and using this information as a foundation for the next product iteration.

Get the App

Role

Full-time UX Designer

Deliverables

Mobile App Design
UX Research

Additional Credits

Aristya Wismoyo
Aditya Rakhman

Role and Responsibilities

In this project, I was responsible to work on the deposit and withdrawal feature. However, after the development, I worked together with another designer on the research process. I also worked closely with the PM throughout the end-to-end process, who also participated directly in user interviews.

Challenge

As the requirement came to do comprehensive research on the entire app with dozens of users expected to join the research, it became challenging when we were expected to obtain extensive feedback in a two-week time span.

Design Process

The existing app was developed by an agency for a global market before I joined the company. As the business has grown, localization features for specific markets such as Indonesia have become an essential requirement to fit into the market, including on- and off-ramping operations.

The product development started after the product team secured an agreement with the financial service provider from Indonesia. The design process consists of wireframing, crafting hi-fi designs, prototyping, and lots of discussion with the project manager and engineering team to ensure that the design complies with the payment infrastructure established by the engineers.

UX Research

At the end of the process, it is important to follow up on the final design through UX research, such as usability testing. However, at that moment, as we were preparing to soft-launch the product in Indonesia, the requirement expanded to include a full test of the app, not just the deposit and withdraw feature. Additionally, we had to onboard several categories of testers for the research, including Indonesian participants, global participants, and UX professionals.

To reach the wider scope (high quantity) as requested without losing the quality of the feedback, we decided to use various UX research methods:

•

User Survey

We conduct user surveys to gather large amounts of data quickly and inexpensively for two groups of users (Indonesia & Global). We asked them to complete a questionnaire about their experiences, attitudes, and satisfaction toward the app.

Tools: Google Forms, Maze

•

Usability Testing

We conduct one-on-one sessions with 8 Indonesian users where they were asked to complete tasks using Fasset app, while we observe and record their behaviors and interactions. The purpose is to identify and fix any problems or issues that users may encounter while using the app or feature, to make it more user-friendly and efficient.

Tools: Google Meet, Maze

•

In-depth Interview

In order to gather detailed and qualitative information about the experiences, attitudes, and behaviors they performed in the usability testing, we follow it up with an interview session for each tester. The purpose is to gain a deep understanding of a user's needs, motivations, goals, and expectations, and to identify opportunities for improving the app and its service offering.

Tool: Google Meet

•

UX Review

Lastly, we conduct a UX review by professional UX designers and researchers to evaluate the app from the perspective of its user experience. The purpose of the review is to identify areas for improvement in the user experience as well as the user interface and to provide recommendations for how to enhance the usability, effectiveness, and overall satisfaction of the product or service.

Tool: Google Docs

In the initial process, I prepared most of the documents used to run the research, including the usability testing and interview script and guideline, the UX review documentation form handed out to the reviewers, and also composed the report of all the research we conducted.

Data Processing & Findings

After comprehensive research on the app, we were able to gather lots of valuable feedback, insights, suggestions, and recommendations across all categories of participants. The following steps were taken to process the data:

•

Collect and Organize

•

Clusterization

•

Problem Identification

•

Priozitization

•

Report and Suggestion

After analyzing the data, notable feedbacks were able to be identified. Some of them included:

•

Lack of a Homepage on the app that leads to navigation problem

•

Unfamiliar flow and feature placement for sell

•

Lack of security layer to confirm buy/sell transaction

•

Unclear direction after added bank account in the withdrawal process

•

Review on UI aspects related to information design, labeling, navigation, accessibility, etc

Generally, users find that the app works fine for its intended purpose, but many improvements are needed to adjust the flow based on common user behavior and the use of crypto apps in Indonesia. In addition, with the current app, most users would prefer to stay with their current platform rather than use our app. This kind of feedback is tough to hear, but it's the truth and we need it to accelerate our product development.

Conclusion

The proposed solution has been delivered to the stakeholder and has been received. Currently, the product team is in the initial process of making a significant transformation to the app that will utilize the research outcome as the foundation to improve the Fasset app, both in terms of user experience and interface. This will make a big difference from the first development, as data-centric and user-centric approaches will be applied in the upcoming project. With this perspective, the next version of the app is expected to fit the target market

Trakteer Creator Page & Dashboard

Project Overview

Trakteer is a social platform that connects creator and their supporter, letting the artist monetize their art(work), and receive financial support from fans in a fun way. The project aims to create an intuitive user interface that enables creators to easily access, manage, and customize their account and activity settings.

Visit Site

Role

Web Designer

Deliverables

Web design

Additional Credits

Banyu Rachman

Challenge

Besides the old dashboard having cluttered settings and sub-menus that need to reorganize, we were also tasked to put other settings in the dashboard which adds up to the complexity of the design. For instance, the goal we need to accomplish is to re-organize the existing information architecture and also incorporate new setting menus into it accordingly into a clear and concise structure. The more challenging part for me is how to display a lot of data that is essential for users in an easy-to-digest interface without making them overwhelmed with it. Here are some snippets from the previous site before the redesign.

Design Procces

To address the issue, we have developed an improved dashboard setup that offers an enhanced experience from the creators' perspective. Our design and development process has included a comprehensive evaluation of the existing layout, an analysis of users' feedback, loads of design exploration, and frequent communication with stakeholders.

In the process of it, we conduct a user survey, we throw the ball back to users to consider and rank block information that needs to be featured on their creator page from the essential one to the least one. And from that, we got 77 feedbacks that helped us rearrange the cluttered section into a clearer page that satisfies user needs.

Output

Hundred series of screens were crafted to cover all settings inside creator dashboard, creator page, as well as various reward types to facilitate numerous categories of creator with different services and content to offer to their supporter (text, image, audio, video, webcomic, comic strip, live stream, etc).

Reflection

After the design is completed. I come to the realization that the user survey we did on creators could be a one-sided bias since the creator page is not only will be seen by the creator themself but supposedly be viewed by their supporters as well. This become important since the platform is aimed to build a mutual and supportive environment between creator and their supporters. Hence, considering supporters' points of view on what they want to see and get from the creator page would be as valuable as the creators' standpoint. In the end, pondering both needs would increase the platform experience as a whole.

Andy's Place

Project Overview

Andy's Place is a newly-opened restaurant in Malaysia, specializing in bespoke cuisine. The website for Andy's Place is designed to showcase the restaurant's unique menu, as well as provide an insight into the journey and adventures that make up the restaurant's story.

Role

Freelance Web Designer

Deliverables

Web design

Project Overview

Carat Craft is a bespoke luxury jewelry maker based in Dubai. I was tasked to redesign the existing e-commerce website and found several pain points that need to be improved. Changes I made to enhance user's experience: customize order page, checkout flow, quick view feature.

Visit Site

Caratcraft.ae

Project Overview

Carat Craft is a bespoke luxury jewelry maker based in Dubai. Design work on this project mainly focused on redesigning the existing e-commerce website, aiming to make the end-to-end experience of purchasing customizable jewelry as smooth and hassle-free as possible.

Visit Site

Role

Freelance Web Designer

Deliverables

Web design
(desktop & mobile)

Additional Credits

Aditya Rakhman

Challenge

The primary challenge of the Carat Craft project was to redesign the e-commerce website to create a seamless end-to-end experience for customers when purchasing customizable jewelry. The order page and checkout flow were particularly challenging, requiring numerous design explorations to ensure the experience was smooth and hassle-free while meeting the business objectives of the owner.

Design Process

To address the challenges of the project, I followed a rigorous design process that involved several stages, including research, wireframing, visual design, and prototyping. The visual design was created to align with Carat Craft's branding and helped to create a luxurious, high-end feel for the website. Many design explorations were made to ensure the experience is seamless and can cover business intention from the owner before determining the final design and user flow.

Project Overview

Visit Site

Trakteer Landing Page

Project Overview

Trakteer is a social platform that connects creator and their supporter, letting the artist monetize their art(work), and receive financial support from fans in a fun way. As the business grows, the founder felt the urgency to enhance its strong branding and landing page presence to look more fresh, fun, and trustworthy.

Visit Site

Role

Web Designer

Deliverables

Web design

Additional Credits

Banyu Rachman
Sondari Setia

Challenge

Based on Google Analytics output, more than half of the total sessions (626.403) out of 1.968. 918 page views are only 0-10 seconds. This is clearly a challenge to engage people and make them stay longer on the page/site.

Design Process

It starts by brainstorming on what should display and how we can maximize the landing page to be an effective marketing tool, make people stay longer, and proceed to explore more of the platform as well as increase the register number.

Various design explorations were made to define the best design decision to take. The contribution that I like the most and escalated the vibes of the web was to create the typing animated text on the hero section that leads to (1) catching visitor's attention, (2) showing categories of artists/creators that are possible to create a trakteer page

Project Overview

Visit Site