Portal
redesign the promotional landing page website (Focusing on the mobile platform) and make it more user-friendly.
01
My role:
Ux researcher, Ui designer
02
Timeline:
Mar 2024 - Apr 2024
03
Tool Used
Figma, Adobe Illustrator, Photoshop
Business accounts in instagram are dealing with inquiries challenges (e.g. large amount of data), mostly acquired by DM (Direct Message). This means providing information about the product such as price, inventory, shipping, and even verifying payments.
Coming holiday season, a user friendly landing page can results in creating online shop demand. These users have limited time, so the contents need to be in summary and presented in an effective manner. Therefore, it helps shoppers to make a decision quickly.
Problem
Video option for introducing the Website features:
This option is very attractive for our users due to their lack of time and the habit of using Instagram's reels.
First impressions
The most important part of the landing page is focuses on the hero section.
I used attractive illustrations and important data to catch the user's attention.
Reduced cognitive load
I minimized the design of all parts and focused on the benefits.
Solution
This project aims to redesign the promotional landing page website (Focusing on the mobile platform) and make it more user-friendly. The goal is to boost user satisfaction and make them eager to use the website’s services.
Project Goals
Content Clarity
Impressed At First Glance
User Friendly
Process
User research
Qualitative research:
We select 5 people who dealt with pets or were concerned in this field and interviewed them.
Quantitative research:
We designed a questionnaire, according to our concern and distributed this questionnaire among 40 people to answer, and then analyze the obtained results and statics.
Affinity diagram
In this section, you took notes from the interviews and categorized them to help us gain an insight into our topic.
Empathy map
In this section, we put the summary of the in-depth interviews in a classified form, which gives us an inside into our users.
Persona
After summarizing the interviews with designed two persons representing two groups of people whose problems and challenges are in the direction of our work goals.
Brainstorm
We started a brainstorming session with 4 0f our friends and developed ideas according to the problem and the goal we had, and after brainstorming and sorting them, we reached three main keywords.
Competitive analysis
User Flow
Wireframe Hi-Fi
Usability Test
After the initial design of the product, we tested it by 5 people and reached the following results.
UI Design
Onboarding
Home Page
Article
Profile Page
Further Iteration: Introducing Pet Identity Profiles
Following additional rounds of usability testing and stakeholder feedback, we identified the need for an additional service layer within the platform: dedicated identity profiles for each pet.
This feature ensures that every pet rehomed through the platform is assigned a persistent digital identity. By creating individual accounts for pets, the system can track placement history and limit the number of rehoming cycles per animal.
Beyond operational tracking, this decision is rooted in an ethical design perspective. Limiting repeated transfers helps protect the emotional and physical well-being of the pets, reducing stress caused by unstable environments and reinforcing responsible adoption practices.
This iteration strengthens the platform’s long-term impact by aligning system functionality with animal welfare principles.
Output of soft skills & knowledge
This workshop marked my first formal experience in UX and UI design and helped me build a strong foundation in the core principles, tools, and skills of the field.
One of the key strengths of this experience was working in a highly realistic, client-simulated environment. Alongside design knowledge, I practiced essential soft skills such as team collaboration, communication with stakeholders, time management, and delivering project milestones on schedule.