Multi-disciplinary design services to introduce 5G education to the Qualcomm Thinkabit Lab experience through a long scroll narrative.
Making the Impossible Possible
Overview and Goals
Information architecture was a crucial aspect to combine 5G Academy education for local law makers with the Thinkabit Lab STEM education program for students. The following showcases how the 5G Academy was built from the ground up and the Thinabit Lab received a redesign to communicate effectively within the new structure.
Project Wins
The 5G Academy was successfully launched to help Qualcomm educate small towns across the US on 5G infrastructure and its impact. At the same time, Thinkabit Lab has impacted more than 100,000 students and has helped build 24 remote sites across 9 states.
My Roles
+ Information architecture
+ Wireframes
+ Interaction design
+ Prototyping
+ Storyboarding
+ Dashboard design
5G Academy Landing Page
To tell a compelling narrative and support the entire ecosystem’s IA, the 5G Academy was best presented as an engaging and educational long scroll page. Principle was used to showcase how certain page elements would animate. Using this method in various areas along with detailed notes for dev and some storyboarding best communicated expectations for the final build.
5G Cards Quiz
A main point of the 5G Academy page is to educate on the differences between 5G and the earlier generations. The Thinkabit Lab already uses a physical card quiz game that we wanted to digitize and evolve. The user can scroll through each generation to learn about its speed, applications, latency, etc. They can then play the game, amounting points based on their correct answers and speed. A regular and advanced version was introduced based on the quiz questions and hints given.
Storyboard Animation
As an intro, we wanted to illustrate to the user some hints on how to interact with the card game. A quick storyboard was created to showcase the swiping actions and give examples between each generation (1G–5G) along with quiz cards.
Animation in Principle
To illustrate the vision, I used Principle to animate how some of the interactions for the 5G Quiz will work. Sometimes screenshots and notes work for dev hand-off, but the interactivity for the game needed a visual anchor for the dev team to flow off of.
Teaching Resources Dashboard
The Thinkabit Lab allows for schools to start their own lab that’s essentially sponsored by Qualcomm. The teachers and faculty get access to a dashboard experience which walks them through all the steps and expectations on starting a lab. We wanted to highlight the progress as a percentage graph, next steps needed, and a number of resources to help nudge each school to completion of their own in-house Thinkabit Lab.
The Qualcomm Thinkabit Lab
The Thinkabit Lab got an updated look and a long scroll page to fit with the new architecture of the ecosystem. The idea was to go with a fun and engaging look while promoting STEM education and highlighting the benefits, impact on students, various projects and various other content supporting the lab.
Welcome Page
Learning Center
