Franchise Law Firm
Design System, Website Design
Website design for a franchise law firm in Seattle, WA
This franchise law firm thinks differently when it comes to legal services and the franchisees they serve. The relationship they have with their clients is collaborative, so they keep franchise goals in mind when providing personalized solutions. From growing the business to exiting it, the team works with their clients to make sure the client’s interests are always protected. They were seeking to redesign their website to reflect the creativity and collaboration they provide.
As the Senior Designer at Conflare, I led the visual design of the website. The goal was to establish a modern and creative feel that was still confident and capable.
Conflare Credits:
- Timeca Briggs, Creative Director
- Randy Steiger, Technical Director
- Jon Hecky, Developer
- Yaw Asare, Developer
- Timeca Briggs, Creative Director
- Randy Steiger, Technical Director
- Jon Hecky, Developer
- Yaw Asare, Developer
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.
The redesigned website is modern and innovative. It represents the client as quick, creative, and effective to their clients. As they evolve the rest of their marketing, they can extend this look and feel to print and digital applications using the established design system from this project.
