US-based internet satellite provider serving residential, commercial, and government clients
Maintaining a unified visual language across platforms for a consistent user experience can be challenging as a hyper-growth company expands its product offerings.
I help address this by supporting the Beam team in scaling their design system by designing key components—Spinner, Loading Bar, and Skeleton—throughout the entire design process.
Challenge
How can I consolidate all existing spinners used in our interface with robust capabilities to have consistent usage across all products?
I landed my full-time internship at Viasat as a product design position, joining Beam team. My role is to led design process in 'loading components', implemented across 35 companies' products.
Company:
Viasat
Team:
Beam Team
Duration:
2024 – 12 Weeks
Roles:
Figma
Monday.com
Storybook
I Offer versatile circular loading options
with flexibility and accessibility,
covering most use case scenarios.
-min.png)
Envisioning the extensive potential use case scenarios for the 'Spinner'.
Comprehend an overview, making it easier to select options that best integrate with Viasat product's use case.
Crafting in-depth resources to support the components
Clear and concise guidelines were provided to enhance understanding, especially when 'indeterminate' and 'determinate' terms needed to be acknowledged by all designers and developers before utilization.
I developed a usage example that visually demonstrates the potential use cases in our UI design.
Component structure was broken down to provide a clear and comprehensive visual aid, allowing designers to understand at a glance.
To keep everyone updated with new components, I announced the release of Spinner via Slack after merging Figma branch.
The Spinner component is finally ready for use and has now gone live in Storybook!
I also took on the secondary project of designing the Loading bar.
Here’s a brief overview of the project
Designing Loading Bar
Loading bar had never been released to BEAM foundation, making designers have to create the component themselves. New Loading bar will set a standard of having round-edge bar across platforms in the future.
Thailand's largest beauty e-commerce platform with 3M visitors
