Dive into the entire process involved in creating this checkout fully responsive and compliant with WCAG standards, ensuring accessibility across devices.
This project aimed to optimize the checkout experience for mobile users. Key changes included making the layout responsive, using a 100vw container, eliminating pixel-based dimensions, and creating a scalable, accessible design that adjusts fluidly to different screen sizes as well as integrating Pay Pal Pay in 4 and Apple Pay
BrowserStack testing and user feedback revealed issues with hard-coded pixel dimensions, a lack of scalability, and usability challenges on small screens. Addressing these issues required a complete overhaul of the layout to support flexible and responsive design principles.
In the initial stages of developing InfoX, we conducted extensive ideation and brainstorming sessions to identify user needs, explore possible features, and address usability challenges. This process involved collaborative workshops, sticky note mapping, and early wireframe sketches to visualize core functionalities and user workflows.
Early wireframe sketches and feature concepts, including proposed layouts for the dashboard and data visualizations.
Early wireframe sketches and feature concepts, including proposed layouts for the dashboard and data visualizations.
