West Coast Franchise Law

Visual Direction

During the style tile process, I explored a visual direction that was bold and contemporary with a dark background, accented by vibrant neon elements. The large display text commands attention, allowing testimonials and value statements to serve as focal points throughout the design. The contrast in color and type treatment feels energetic and innovative, making it an ideal visual identity for the client.

Design System

After the visual direction was established, I expanded on elements presented in the style tile to develop a comprehensive set of design guidelines and components. The color palette was refined to include base and accent colors, and color combinations were evaluated for accessibility using WCAG 2.1 AA and AAA contrast criteria. Typography was analyzed across small, medium, and large screens to determine the ideal size to leading ratios at different breakpoints and establish styles for hierarchy. Global UI components like buttons, forms, and cards were standardized to maintain the look and feel of the brand. These guidelines allowed visual elements to be flexible and adapt to accommodate different content throughout the website design.

Visual Direction

During the style tile process, I explored a visual direction that was bold and contemporary with a dark background, accented by vibrant neon elements. The large display text commands attention, allowing testimonials and value statements to serve as focal points throughout the design. The contrast in color and type treatment feels energetic and innovative, making it an ideal visual identity for the client.

Design System

After the visual direction was established, I expanded on elements presented in the style tile to develop a comprehensive set of design guidelines and components. The color palette was refined to include base and accent colors, and color combinations were evaluated for accessibility using WCAG 2.1 AA and AAA contrast criteria. Typography was analyzed across small, medium, and large screens to determine the ideal size to leading ratios at different breakpoints and establish styles for hierarchy. Global UI components like buttons, forms, and cards were standardized to maintain the look and feel of the brand. These guidelines allowed visual elements to be flexible and adapt to accommodate different content throughout the website design.

Visual Direction

During the style tile process, I explored a visual direction that was bold and contemporary with a dark background, accented by vibrant neon elements. The large display text commands attention, allowing testimonials and value statements to serve as focal points throughout the design. The contrast in color and type treatment feels energetic and innovative, making it an ideal visual identity for the client.

Design System

After the visual direction was established, I expanded on elements presented in the style tile to develop a comprehensive set of design guidelines and components. The color palette was refined to include base and accent colors, and color combinations were evaluated for accessibility using WCAG 2.1 AA and AAA contrast criteria. Typography was analyzed across small, medium, and large screens to determine the ideal size to leading ratios at different breakpoints and establish styles for hierarchy. Global UI components like buttons, forms, and cards were standardized to maintain the look and feel of the brand. These guidelines allowed visual elements to be flexible and adapt to accommodate different content throughout the website design.

Visual Direction

During the style tile process, I explored a visual direction that was bold and contemporary with a dark background, accented by vibrant neon elements. The large display text commands attention, allowing testimonials and value statements to serve as focal points throughout the design. The contrast in color and type treatment feels energetic and innovative, making it an ideal visual identity for the client.

Design System

After the visual direction was established, I expanded on elements presented in the style tile to develop a comprehensive set of design guidelines and components. The color palette was refined to include base and accent colors, and color combinations were evaluated for accessibility using WCAG 2.1 AA and AAA contrast criteria. Typography was analyzed across small, medium, and large screens to determine the ideal size to leading ratios at different breakpoints and establish styles for hierarchy. Global UI components like buttons, forms, and cards were standardized to maintain the look and feel of the brand. These guidelines allowed visual elements to be flexible and adapt to accommodate different content throughout the website design.

Visual Direction

During the style tile process, I explored a visual direction that was bold and contemporary with a dark background, accented by vibrant neon elements. The large display text commands attention, allowing testimonials and value statements to serve as focal points throughout the design. The contrast in color and type treatment feels energetic and innovative, making it an ideal visual identity for the client.

Design System

After the visual direction was established, I expanded on elements presented in the style tile to develop a comprehensive set of design guidelines and components. The color palette was refined to include base and accent colors, and color combinations were evaluated for accessibility using WCAG 2.1 AA and AAA contrast criteria. Typography was analyzed across small, medium, and large screens to determine the ideal size to leading ratios at different breakpoints and establish styles for hierarchy. Global UI components like buttons, forms, and cards were standardized to maintain the look and feel of the brand. These guidelines allowed visual elements to be flexible and adapt to accommodate different content throughout the website design.

Mockups

Using the style tile and design system as a reference, I translated wireframes into high-fidelity mockups that showcase the visual direction in context. Throughout the process, I collaborated closely with Conflare’s creative director and developers to gather feedback and iterate on the designs.