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.

Overall page shares

10%

Improvement in scroll depth

average pages per session