Client

Bioglan, a distinguished brand within the PharmaCare family since the 1990s, specializes in providing high-quality vitamins, supplements, and superfoods.

Project Goal

The primary focus of this project was to elevate and optimize the mobile user experience for the Bioglan website. Initially developed with a desktop-centric approach, the website lacked responsiveness on mobile devices. Additionally, the introduction of new website categories necessitated a thoughtful restructuring for optimal presentation on mobile platforms.

Solution

My approach involved a meticulous analysis and evaluation of each section and element across the pages. I crafted a comprehensive typography size guide specifically tailored for mobile devices and implemented a spacing guide adhering to an 8px grid, with spacing ranging from 8px to 64px. These guides provided a consistent structure across pages, facilitating seamless implementation for developers. The project entailed refining element sizes, positions, and behaviors to enhance the overall mobile user experience. Below, you can explore a snapshot of key pages, showcasing the transformation from the initial state to the improved design.