Phase 1: 7 months (launched Feb 2018)
Phase 2: 12 months total (on-going)
Storyboarding, Information Architecture, Wireframing, Visual Design, Prototyping, User Testing, Interaction Design
Lead Product Designer
To launch at Mobile World Congress, our lean team of 4 (a producer, client strategist, developer, and designer) had a tight timeline. We phased our project into 3 primary phases: Research & Strategy (1 month), Storyboarding and Wireframing (3 months), and Development and QA (3 months).
To better understand the best methods to communicate the importance of mobile site speed, we spoke with a total of 8 different c-suite marketers at varying sizes of small and large organizations. Some were experts on the subject, while others had no exposure to mobile speed metrics before. Specifically, we inquired about what factors would motivate them to allocate resources to improving their mobile web experiences. Our research synthesized into three key findings:
I led design from concept through delivery of multiple phases of this product. Phase 1 is what currently exists online, while Phase 2 will launch next year. This site empowers users to enter any existing domain and: 1) see how their mobile site is performing, 2) benchmark their performance against their competitors, 3) calculate how much money they are leaving on the table, and 4) get specific fixes to improve their site speed. View the live Phase 1 design below:
Since the site is composed of tools that require a high amount of user interaction, a special focus was given to interaction design in order to optimize completion rate. On landing, the most prominence is given to a single input entry field. When a user enters their site, they recieve immediate feedback by seeing their site speed populate in the speed scorecard. They can then enter in the sites of their competitors to see where they rank.
Once a user has finished entering competitors, they may calculate their potential revenue uplift by entering a few performance metrics of their site. By interacting with the speed slider, they can see how seconds directly translate to dollars for their business.
Based on the performance of Phase 1, we have increased the scope for Phase 2 to make our product even more impactful for users. Phase 2 will allow users to get custom fixes for each page on their site, as well as download a comprehensive report of their mobile website's performance. Designs will also feature Google's most up to date brand, beautiful 3D visualizations, and elevated interaction design all led by myself. Look out for this release in 2019.