TYPE
Design Systems
Rebrand
User Experience
We used the Atomic design approach to organize and name our design components. Using atomic design to organize components and splitting the pages into 3 different levels based on how we navigate to each one of them, we established the information architecture early on.
Early screens for the BrowserStack new Information Architecture, doing this made our lives quite easy later on in the redesign since we had mapped out all pages that shared similar design levels.
As a part of the five-member design team handling an entire redesign, focusing on the right problems and a well thought out process was key.
Following a very rigid style guide and a component first approach made ours and developer's lives much simpler in the later stage because both the teams were reusing components (or habitats).
We were 5 people, highly cross-functional design team and all of us played a super important role in the redesign. We are basically Lokesh Khemani, Sagar Patil, Aaron Durham, Arun Pattnaik and our awesome intern Parag Nandi.