Background

This project entailed integration of a guest checkout. From that we also incorporated a new registration design fields with the ability for the users to either register with their emails or phone number, which is part of a new feature that comes with guest checkout.

The goal

Here are the design requirements they specified:

• Provide a guest checkout option, enhancing accessibility and expediting the checkout process.
• Implement a secure digital code confirmation system to enhance transaction security.
• Enable users to register and checkout using their mobile numbers, offering an alternative registration method for increased user convenience.
• Create a user-friendly and comprehensive form component.
• Incorporate a feature allowing users to input phone numbers from different countries, enhancing the platform's global usability.
• Ensure a consistent and optimised user experience across various devices, including desktop, tablet, and mobile.
• Integrate a password strength indicator to guide users in creating secure passwords.
• Provide users with the ability to easily update their registered phone number or email address.

The approach

Research

Conducted thorough research to understand user preferences, industry best practices, and emerging trends from competitor and other retail companies related to guest checkout systems, multi-method registration, and secure confirmation processes.

Design

Implemented a user-centric design approach, incorporating insights from research into wireframes, prototypes, and mock-ups. Emphasised intuitive navigation, clear visual hierarchy, and a cohesive design language to enhance the overall user experience.

Style guide

Created a comprehensive style guide defining the visual states of each new component, encompassing default, active, error, and hover states. This style guide also detailed the visual representation of the new password feature, illustrating password strength and providing guidance for users. Ensured consistency across desktop, tablet, and mobile interfaces.

Future considerations

Outlined considerations for future development, such as ongoing user testing, scalability for potential feature expansions, and staying on top of evolving design trends to maintain the platform's relevance and user satisfaction.