BrowserStack
Guides Revamp
2022
Web Design | Visual Design | UI/UX | Developmentssss
BrowserStack is an cloud web and mobile testing platform that provides developers with the ability to test their websites and mobile applications across on-demand browsers, operating systems and real mobile devices.
OBJECTIVE
TOOLS
The primary objective of this project was to drive 2X engagement numbers for the Guide product by improving the readability of the Guide pages.
The secondary objectives included increasing average pages per session duration and setting the foundation for rapid experimentation and scaling of articles from 1000 to 5K+
Figma | Elementor (Wordpress)
Lego Blocks of illustration system
In my creative exploration, I conceived the idea of featuring curious developers as the main characters in our illustrations. They would interact with different UI elements in their quest for answers. To achieve scalability, I devised an approach by using smaller spot illustrations arranged like Lego pieces to create hero visuals. This concept forms an illustration system that can be easily scaled for our guides, ensuring a friendly and cohesive visual experience.
Results and Impact
To align with our business goals and ensure scalability, I created new UI components while refining existing ones. Drawing insights from past experiments, I fine-tuned some components to make them more engaging. The aim was to foster user engagement and ignite conversions, ensuring a seamless and rewarding experience for our audience.
3x
Overall page shares
10%
Improvement in scroll depth
4%
average pages per session
Other Projects
Yogwe website
Visual Design | UI/UX | Development | Strategy
Guides Revamp