As Insta360 continues to grow, we are facing challenges in web design and development that come from our designers, developers, product managers, bosses and users. We are trying to maintain a balance among them and establish our web guidelines following the principles below:
By defining the foundational elements, like colors, typography, layout method, icons, shapes and depth level, we ensure the consistency across our website and also establish a unique visual language for Insta360.
We crafted 20+ components using nested symbols. Meanwhile, we defined component variations and common Interaction states. All components are easy to use and ready to go.
Our web guielines have been successfully applied on more than 10 web products, including BBS, Affiliate, Certification, Enterprise, Trade-up, etc.