Hi, I’m Margaret.
a UX Designer.
As a UX Designer with a strong background in visual design, offering me a unique advantage in creating visually appealing interfaces and adopting a user-centered approach to identify and resolve user challenges. I enjoy collaborating with people, picking up new skills , and pursuing growth with enthusiasm.
UI/UX Work.
Facilitating a design sprint at GetHarley to enhance user experience
Overview
The GetHarley skincare consultation services project on an eCommerce platform aimed to enhance user engagement, boost user satisfaction and reduce drop-off rates on the responsive website. By leveraging insights and data analysis, we identifying and resolving pain points on several key areas for improvement: revamping the landing interface homepage, streamlining the "How It Works" process, and optimising the fill-in consultation process.
Landing page
Pain point
It currently struggles with low user engagement, insufficient interest in further exploration.
The initial impression of the landing page is crucial for user engagement. However, visitors spend only a brief time on the page and often do not scroll down before leaving. The static design exacerbates this issue, making navigation cumbersome and exploration unexciting for users. This creates a significant pain point, emphasising the need for improvements to boost engagement and encourage deeper exploration of the site.
Solution
Enhanced visual harmony, introduced interactive elements, and adopt more active UX writing tone.
To address pain points and improve user engagement, incorporating user feedback and insights was key.
First, I revamped the design system by refining reusable UI components. This included adjusting the layout grid, navigation bar, font sizes, spacing, and line height. I optimised image and adjusted button sizes, and importantly, applying whitespace to enhance visual harmony and reading flow.
Second, I introduced interactive elements to make the browsing experience more engaging and dynamic. These elements included subtle cues to encourage users to scroll down.
Third, I recommended adopting a more active and concrete tone in UX writing. This shift aimed to make the content more compelling and actionable and improving readability. Overall, these enhancements captured users' attention and encouraged further exploration of the site.
How It Works section
Pain point
Ineffective communicate leads to user confusion and impatient.
The "How It Works" section should guide visitors through booking an online appointment, consulting with a doctor, and receiving skincare treatment products. However, the complexity of the content can deter users from completing the booking process and misunderstanding. Therefore, optimising this section with clear and concise explanations of each step is crucial for improving user comprehension and facilitating for book a online consultation action.
Solution
Constructed user flow diagrams, simplified content with rules of three principles.
To improve user comprehension of the booking process, I began by constructing user flow diagrams. These diagrams provide valuable insights into how users navigate our platform to accomplish tasks like scheduling online consultations, filling out forms, answering questions, making payments, and consulting with doctors.
From these flow diagrams, I created visual communication by breaking down the process into clear, three-step rules. This approach includes using succinct language, incorporating icons for visual clarity, and ensuring a logical sequence of information. These enhancements aim to make the booking process intuitive and user-friendly.
Customise cookie consent
Prioritise user privacy with transparent data practices through customised cookie consent.
Integrating a customised cookie consent feature is crucial for meeting data protection standards and regulations. This initiative fosters user trust by demonstrating responsible handling of personal information. To enhance visibility, I implemented a prominent pop-up with a distinctive color tone, ensuring users acknowledge and select their preferences before navigating the site.
Redesign the interface to improve usability and visual appeal
Overview
With the goal of improving usability and customer satisfaction, the project aims to address existing pain points and facilitate the gift purchasing process. Refreshing the interface to provide a more intuitive and visually pleasing experience for users. By incorporating user insights and best design practices, the project seeks to optimise the platform for effortless gift transactions.
Pain point
The gift-giving page experience was inefficient and distracting.
The webpage was overloaded with text-heavy information that was irrelevant for gifting purposes. Additionally, the colour scheme was excessively pale, resulting in a lack of visual appeal. Furthermore, users were required to make an extra click before proceeding to purchase and checkout, which was inconvenient and unattractive.
Solution
Standardising the user interface to a cohesive design.
Integrating captivating text alongside visually appealing images, ensuring that text and images align perfectly to convey the story clearly. Also, I adopted a 12-column structure to organise a 2 column content layout. These approaches aim to create an evenly-spaced layout grid for this viewport and minimise drop-offs by reducing unnecessary interactions.
Optimising online booking consultation process
Overview
An online consultation has enabled users to engage in appointments with practitioners via video conferencing, eliminating the need to visit clinics in person. This method, accessible through smartphones, computers, or tablets, has become increasingly popular. The project focuses on enhancing the online booking process and overall user experience from the existing platform. This involves refining the process of asking questions, selecting answers, providing personal information, and completing the payment process to improve the efficiency of the booking journey.
Pain point
User research revealed significant frustrations with certain questions and a prolonged reservation process, resulting in high abandonment rates. Additionally, challenges were found on the calendar page, leading to a notable decline in website traffic. These issues encompassed missing days of the week, absent time zones, and repetitive prompts for users to select preferred time slots, causing annoyance. Furthermore, the loading animation during the time slot session was observed to be less than smooth.
Solution
To address these pain points, several strategies were implemented. This phrase compress the idea of making enhancements to the usability, simplify the booking process, address user frustrations, and improving the overall journey for users interacting with a service.
