Customers who access ‘Rahsa Nusantara’ website hard to find complete information pages about brands and products. Too many processes are carried out to access information from the brand.

How might we help customers to get a ‘one stop information’ page, that contain product and brand info?

ROLE

UX Researcher & UI Designer

DURATION

9 Days, 9-17 March 2022

PROCESS

Define problem, redesign process, user feedback

TOOLS

Figma, FigJam

BACKSTORY

This redesign process was carried out as an exercise, without any brief or collaboration with related brand. This research was conducted based on the experience of one of the brand's customers when she found the brand's website as her first impression of the brand.

DEFINE PROBLEM

Problem

Based on customer story when she access Rahsa Nusantara’s landing page, she do not find a complete information pages about brands and products. Too many processes are carried out to access information from the brand. So that customer problems are obtained in the form of,
Problem statement made as a benchmark to achieve research objectives.

Point of View

From the user story and problem statement, a point of view is prepared that contains information and needs from the customer.

User Persona & User Journey Map

The user persona is structured to find out information from the target customer of Rahsa Nusantara. Meanwhile, the User Journey Map is made to find out user thoughts when accessing Rahsa Nusantara website so that improvement opportunities points can be obtained.

How Might we Question

Created as research objective summary of the user's pain points when using the product and the problem statement that has been made
How might we help customers to get a ‘one stop information’ page, that contain product and brand info?

Room For Improvement Analysis

After understanding the customer’s pain point, website landing page analysis is carried out to find elements and flows that can be improved and determine the solution. After that, it is validated again from the customer’s pain points.

IDEATE

Wireframe

The digital sketch of Rahsa Nusantara's landing page was made in Figma. According to the HMW question, a landing page is designed as ‘one stop information’ page that contain both product and brand info,
1. NAVIGATION BAR
Designed with a more concise list of website pages.
2. HERO SECTION
Designed with copywriting that matches the brand persona as the tagline of the product.
3. ABOUT BRAND
This section is created to introduce information about the brand with copywriting that can increase customer trust in the brand.
4. PRODUCT GALLERY SECTION SECTION
Highlights of the brand's best products. CTA is added to attract customers to see more product on the 'Produk Kami' page.
5. PRODUCT COUNT SECTION
designed to make customers believe in brands and products.
6. CUSTOMER TESTIMONIALS
Designed to make new customers believe in brand’s products.
7. ARTICLE SECTION
Designed to provide information related to the field of the brand.
8. MEMBERSHIP REGISTRATION
Designed as a form of interaction between brands and customers.

Design System

Making a group of design elements is needed in the High Fidelity image-making process. Design system contains components and design assets. The design system is made to make a consistent design asset and make the HiFi creation process way easier.

HIGH FIDELITY DESIGN

Hi-Fi

This is the redesign result of the Rahsa Nusantara landing page website. Please kindly check the HiFi on Figma file through the link below :)

FEEDBACK

Customer said

This is what customers say after seeing the new landing page of Rahsa Nusantara’s website redesign,

WHAT I LEARNED?

Through my first UI/UX redesign process, I feel much confident doing the research process. Interact with customers, empathize, and look for their pain points, summarize the problems they face when using the product, and find solutions to existing problems. However, during the process of creating the UI design, I spent a long time to created the UI design because I still had to adapt to create a design system. Several times I felt annoyed because of small things that were still not right, so I spent a longer time making the UI design. Overall it was a great experience to get to know the redesign process, both research & design process.