Design System . Style Guide. Tutorials

HOKA DESIGN SYSTEM

My Role: UI Designer and Creative Designer


Project Overview

This project encompasses three main aspects:

  1. Creating the Design System and Components: Initially, we are focused on establishing a robust design system and developing the actual components. This involves defining the visual language, layout principles, typography, color palette, and reusable UI elements that ensure consistency and efficiency across all interfaces on HOKA.com.

  2. Developing the Style Guide: A crucial accelerator in our UI design process is the creation of a comprehensive style guide. This guide serves as a centralized repository of design guidelines, best practices, and standards. It streamlines decision-making and ensures coherence in visual identity and user experience across different platforms and devices.

  3. Producing Tutorials and Animations: To facilitate understanding and adoption of the design system, we are creating tutorials accompanied by descriptions and animations. These resources are designed not only for designers but also for non-designers within the organization. They aim to educate and empower teams on how to effectively utilize and maintain consistency with the established design principles and components.

Together, these three aspects form a cohesive strategy to enhance the user interface design process for HOKA.com, fostering efficiency, consistency, and scalability.

Please click on the link to see the system:

Prototype

Previous
Previous

HOKA Membership | Responsive Web . Branding (Online & In-Store)

Next
Next

HOKA Product Detail Page