Juan Cámpora

Juan is the head of web design at Sagapixel, overseeing all of our projects from kickoff to launch. He has extensive experience designing websites for businesses ranging from lawyers, to manufacturing, to healthcare.

Best Web Design Projects for Law Firms: What Works on Each

Table of Contents

Cameron & Kane LLC


digital marketing

What Works About This Website

  • Color Contrast for Impact: The website cleverly employs striking color contrast, which enhances user engagement. It effectively draws attention to important elements like headings and CTAs against a black-and-white backdrop, ensuring key information doesn’t go unnoticed.
  • Typography that Commands Attention: Larger fonts are utilized strategically to command attention and underscore the significance of the content. This typography choice ensures that crucial messages are delivered effectively.
  • Organized Homepage Layout: The website maintains a well-structured homepage layout. Key sections such as the hero, about, practice areas, differentiators, staff, testimonials, and CTAs are thoughtfully arranged. This organization contributes to a seamless user experience, making it easy for visitors to navigate and engage with the content.
  • Sticky Navigation for Seamless Browsing: The inclusion of a sticky menu at the top of the page enhances user convenience. This feature ensures that navigation remains accessible as users scroll through the website, improving overall usability.
  • Hover-Activated Descriptions: The website offers succinct descriptions that appear when users hover over practice areas. This interactive approach provides additional information without cluttering the interface, delivering a smooth user experience.
  • Contrast and Readability: To enhance content legibility, the website maintains a well-balanced contrast between text and background. Carefully chosen font sizes further contribute to the readability of the content.
  • Font Choices for Cohesive Design: Consistency in font choices is maintained throughout the website, aligning with the logo style. This design harmony ensures a cohesive and visually pleasing user experience.
  • Vibrant CTAs: Eye-catching accent colors are used for CTAs, distinguishing them from headings. This approach encourages user interaction and guides visitors toward taking desired actions.
  • Streamlined Header: The primary CTAs are prominently featured in the header, streamlining navigation and enhancing the potential for conversions. This thoughtful placement ensures that users can quickly access key sections and calls to action.

What I Would Improve

  • Logo Clarity: Replacing the current logo with an SVG file is recommended to eliminate blurriness and ensure a crisp, high-quality representation of your brand identity.
  • Optimal Logo Size: Consider reducing the logo size slightly to achieve a more balanced and visually appealing layout. This adjustment can help maintain a cohesive and uncluttered design while retaining brand recognition.
  • Spacing for Clarity: Enhance visual clarity and user experience by introducing more padding between elements in the header. This spacing allows each element to breathe, creating a more spacious and user-friendly layout.
  • Addressing Contrast Issues: Adjust the color contrast or add a subtle overlay to the background image when needed to improve readability. Ensure that white copy stands out effectively against black-and-white images.
  • Consistency in Design Elements: Remove any elements, like the bracket symbol, that do not align with the branding or serve a specific purpose. Streamlining design elements maintains a cohesive visual identity.
  • Condensed Practice Area Section: Optimize the layout by condensing the practice area section to fit within a single screen. This user-friendly approach ensures that visitors can access all essential information without excessive scrolling.
  • Refining “What Sets Them Apart”: Create a more cohesive design by reducing excess white space and maintaining consistent font sizes in the “What Sets Them Apart” section. Incorporate internal links to optimize user navigation and engagement.
  • Balanced Layout: Adjust the layout in both the “Our Team” and “Insights” sections. Reduce excessive white space in the “Our Team” section and create more separation between the “Insights” and “Testimonials” sections to achieve a balanced and visually appealing layout.
  • CTA Styling Consistency: Standardize the styling of CTAs to ensure clarity and consistency. Clearly differentiate CTAs from headings to make it easier for users to identify clickable elements, enhancing the overall user experience.
  • Streamlined Testimonials: Enhance the impact of testimonials by reducing their number to a more manageable 3-5. Quality over quantity in this context can be more persuasive, ensuring that users are more likely to engage with and read through them.

Skadden, Arps, Slate, Meagher & Flom LLP


digital marketing
Known simply as Skadden, this New York-based firm is globally recognized for its work in corporate law, especially in M&A and finance.

What Works About This Website

  • Elegant Video Hero: The website excels in its elegant and captivating video hero background. This feature immediately engages visitors, setting a tone of sophistication and professionalism for their browsing experience.
  • Prominent Skadden Logo: The Skadden logo is prominently positioned at the center of the screen, ensuring it commands the attention it deserves. Its placement amidst the minimalistic design ensures it remains a focal point, contributing to brand recognition and user engagement.
  • Sticky Navigation Bar: The sticky navigation bar enhances user convenience by remaining fixed at the top of the page while scrolling. This persistent menu ensures that users can easily access menu options at any point during their browsing journey.
  • Informative Insights Descriptions: The Insights sections offer a user-friendly experience by providing informative descriptions on hover. This thoughtful design approach strikes a balance, delivering additional information without overwhelming users, ultimately improving the overall browsing experience.
  • Professional Photography Selection: The selection of professional photography on the website adds visual interest without detracting from the core content. This careful curation creates a harmonious and engaging user experience, enhancing the overall aesthetics of the site.
  • Attractive Aesthetics: The website’s overall aesthetics possess broad appeal, making it visually pleasing to a wide range of users. This design not only captivates but also instills confidence in visitors, setting a positive tone for their interaction with the website.

What I Would Improve

  • Enhancing User Engagement with a CTA: Adding a well-placed CTA above the fold can be a valuable enhancement to guide users toward their desired actions right from the start. This strategic addition can improve engagement and drive conversions effectively.
  • Ensuring Visibility of Company Characteristics: To ensure that the three company characteristics maintain visibility and prominence as users scroll, consider implementing design elements or styling adjustments that make them more eye-catching and distinct throughout the browsing experience. This ensures that key information is consistently accessible.
  • Comprehensive Areas of Practice Section: Incorporating a dedicated section that provides comprehensive information about the Areas of Practice can enhance the website’s content. This addition would offer users insights into the firm’s expertise and services, further improving the overall user experience.
  • Introducing an Overview of Skadden: Introducing a section that provides an overview of Skadden, including its history, mission, and values, can help users gain a deeper understanding of the firm and its identity. This addition would add depth to the website’s content and enhance user engagement.
  • Consistent Desktop Navigation: Displaying the desktop navigation menu consistently across all devices, rather than relying on a mobile menu button, can improve user accessibility and provide a more intuitive browsing experience. This ensures a seamless and user-friendly navigation process for all visitors.

Baker McKenzie


digital marketing
Headquartered in Chicago, Baker McKenzie is known for its broad global coverage and its diverse practices, including corporate law, tax, intellectual property, and international trade.

What Works About This Website

  • Company Description: This section serves as a clear and concise introduction, outlining the company’s primary services and core activities. It provides users with an immediate understanding of what the firm specializes in.
  • Striking Logo Contrast: The logo, boldly contrasting with the background, stands out prominently. This deliberate design choice not only adds to the website’s visual appeal but also ensures that the logo is easily noticeable, aiding in brand recognition and navigation. This contributes to a more user-friendly experience.
  • Compelling Social Proof: The inclusion of a dedicated section highlighting the company’s achievements and credibility provides essential social proof. This information instills trust and confidence in visitors, reinforcing the firm’s reputation and reliability.
  • Harmonious Color Palette: While unconventional for law firms, the website’s use of a bold and distinctive color palette creates a harmonious and visually appealing design. This unique approach sets the website apart from the norm, capturing the attention of users and making a memorable impression.
  • Modern Yet Unobtrusive Video Hero: The video hero, elegantly integrated into the background, adds a modern touch to the firm’s image. It does so without overwhelming users or distracting them from the core content. The looping video seamlessly enhances the website’s aesthetics while maintaining a focus on the content.

What I Would Improve

  • Persistent Sticky Navigation: User convenience is paramount, and this is achieved by implementing a sticky navigation menu. It remains affixed at the top of the page, even as users scroll. This ensures that users always have easy access to essential menu options, streamlining navigation and enhancing the overall user experience.
  • Enhanced Navigation Font Size: To further improve user-friendliness, consider increasing the font size of the navigation menu. This simple adjustment can significantly enhance readability, making it easier for users to navigate the site effortlessly.
  • Optimized Site Structure: Ensuring a user-centric layout is essential for engagement. Consider relocating the latest news section further down the page to achieve a more balanced structure. This adjustment will encourage users to interact more with key content.
  • Strategic ‘Contact Us’ CTA: The strategic placement of a ‘Contact Us’ call to action CTA can be a valuable addition. This prominent CTA, ideally positioned above the fold, guides users toward their desired actions, whether it’s reaching out for inquiries or engaging with the firm’s services. It can significantly boost engagement right from the start.
  • Highlighting Areas of Practice: Providing comprehensive information is crucial. Consider incorporating a dedicated section that outlines the firm’s areas of legal practice. This addition allows users to gain insights into the firm’s expertise and services, enhancing content comprehensiveness and user understanding.
  • Enhanced Section Padding: To create a visually balanced and spacious website layout, apply increased padding and margins to both the top and bottom of all sections. This design adjustment alleviates a crowded appearance, improving overall readability and user experience.
  • High-Quality Image Enhancement: Maintaining a professional visual standard is essential. Ensure that all images on the website are of high quality, avoiding pixelation. This attention to detail ensures a crisp and visually appealing website experience, leaving a positive impression on users.

DLA Piper


digital marketing
A global law firm with lawyers located in more than 40 countries, DLA Piper is recognized for its commitment to client service and leadership in advancing diversity and inclusion in the legal profession.

What Works About This Website

  • Stylish Color Palette: The website’s color palette, featuring white text and a captivating yellow accent against a deep blue gradient background, is undeniably on-point and contributes to a visually stunning and engaging design.
  • Optimal Logo Size: The logo’s current size strikes a balance, being sufficiently small to maintain a sleek design yet large enough to ensure clear visibility, enhancing overall aesthetics.
  • Strategic Search Bar Placement: The search bar’s positioning is exceptionally well-executed, making it highly prominent and virtually unmissable, enhancing user accessibility and search functionality.
  • Informative Landing Description: Provide a clear heading and description that succinctly inform users about their current location on the website, ensuring a seamless and informative browsing experience.
  • Effective Section Separation: The website’s animation and scrolling design effectively separate sections, ensuring a distinct visual transition between content areas, enhancing overall organization and clarity.
  • Readability-Enhancing Font Size: The headings’ use of an appropriate font size ensures clarity and readability, contributing to a user-friendly and accessible web design.
  • Striking Imagery Contrast: The imagery’s ability to stand out distinctly against the background adds a captivating visual element to the website, enhancing its overall appeal and engagement factor.

What I Would Improve

  • Laggy Scroll Due to Animations: It’s important to note that the presence of animations may contribute to a slightly laggy scrolling experience, which should be optimized for smoother navigation.
  • Optimize Scrolling for Content Value: The current setup necessitates excessive scrolling for relatively limited content return, suggesting the need for a more concise and user-focused layout to enhance the browsing experience.
  • Strategic Above-the-Fold CTA: Incorporating a well-placed Call-to-Action (CTA) above the fold can significantly improve user engagement by guiding them towards desired actions right from the start.
  • Enhance Layout Beyond Scrolling Animation: The current layout relies heavily on scrolling animation, potentially leading to a somewhat monotonous experience. Consider diversifying the design to add visual interest and engagement beyond scrolling.
  • Inclusion of Areas of Practice Section: To provide comprehensive information, consider adding a dedicated section that highlights the firm’s areas of legal practice, offering valuable insights to visitors.
  • About the Company Section: Incorporating a dedicated section that offers an overview of the company, including its history, mission, and values, can enhance user understanding and engagement with the brand.
  • Optimizing ‘Featured Insights’ Section: To improve the ‘Featured Insights’ section, consider providing more space and padding to enhance visual balance and aligning its colors with the overall palette for a cohesive design.
  • Persistent Desktop Navigation: Implementing a desktop navigation menu that remains visible at all times, rather than relying on a mobile menu icon, can enhance user accessibility and improve the browsing experience.
  • Optimizing Footer Layout: Consider revising the footer layout to minimize excessive empty space and reduce font sizes, resulting in a more compact and streamlined design that effectively utilizes available space.

Latham & Watkins LLP


digital marketing

What Works About This Website

  • Clean White Background: The use of a clean, white background provides a spacious and breathable visual canvas, enhancing content readability and overall aesthetics.
  • Balanced Imagery Integration: The images strike a harmonious balance, adding appeal without distracting from the content, effectively complementing and enhancing the overall user experience.
  • Prominent Red Logo: The red logo stands out effectively, offering clarity, readability, and the ideal size to ensure its visibility and impact on the website.
  • Effortless Navigation Clarity: The navigation’s simplicity, combined with its impeccable contrast against the background, ensures it is effortlessly readable and instantly comprehensible at a glance.
  • Persistent Sticky Header: The header’s sticky positioning at the top of the page, remaining fixed as users scroll down, enhances navigation and accessibility throughout the browsing experience.
  • Neat and User-Friendly Footer: The footer’s cleanliness, organization, and straightforward list of locations make navigation exceptionally user-friendly, ensuring an effortless browsing experience.
  • Modern and Elegant Font Choices: The use of Avenir Next and Arial fonts contributes to a modern and elegant aesthetic, offering clarity and a sophisticated visual appeal.

What I Would Improve

  • Strategic Above-the-Fold CTA/Contact Form: To enhance user engagement, consider placing a compelling CTA or a contact form above the fold, guiding visitors towards desired actions right from the outset.
  • Elevating Social Proof: To maximize its impact, consider making social proof more prominent by positioning it either above or immediately below the fold, ensuring it captures user attention effectively.
  • Diversify Content Focus: To provide a well-rounded user experience, consider diversifying the content focus by incorporating more information about the firm’s areas of practice and details about the company, balancing the emphasis on insights, stories, and case results.
  • Optimizing Menu Placement: Consider relocating the extended menu from the left of the logo to the right margin of the header to ensure better visibility and user-friendliness, aligning with users’ expectations for menu placement.
  • Balancing Slider Usage: To improve content visibility and user engagement, consider reducing the reliance on sliders and incorporating more static content elements, offering a balanced mix to maintain interest without overwhelming users.
  • Streamlining Insights Descriptions: To enhance user experience, consider removing insights descriptions and relying solely on the headings, allowing users to access the full articles to determine their interest, simplifying the content presentation.
  • Enhancing Slider Visibility in ‘Our Story’ Section: To ensure users notice the slider option, consider making the controls more prominent or enabling autoplay to draw attention to the content within the ‘Our Story’ section effectively.

Schedule a call with us