Looker Landing Page Redesign
Audience: Paid, Girl Scouts of America
Tools: Looker, Adobe XD
Business Problem: I wanted to redesign the initial landing page to provide the most critical information right away.
Research: GSUSA supports 112 councils, each with their own Looker instance. I spoke with “Looker Champions” (users at councils who are dedicated experts in Looker) about their thoughts on the current landing page. Most of the feedback I received confirmed what I had suspected; the current landing page is visually too busy.
Approach: After speaking with Looker Champions, I got a sense of the essential elements on the page. I decided to keep the top navigation bar and move some components within a hamburger icon. The landing page information is customized to a council’s numbers.
GSUSA established its critical customers for 2020, including Latinx, Older Girls and First-Years, so I decided to highlight them on the landing page with the four top tiles (including membership renewals & purchases MoM). I also wanted to add a central data visualization that would highlight revenue share for a specific council and a comparative view scatterplot that would showcase all councils based on revenue and girl members. By providing a cleaner experience and information hierarchy, councils can grasp key metrics right away.
Before: See below. The three column view distracts while the content inside the two centre tiles gets lost. The tiles are not providing the most important metrics and up-to-date information for a council.