A prestigious law firm headquartered in Toronto, Ontario, Stevenson Whelton LLP provides legal services for corporate and commercial companies, as well as some personal injury and malpractice clientele.

Visit Website


While it did serve as a basic point of presence online, the original website for Stevenson Whelton had some room for improvement. With the website being approximately three years old at the time, some of its shortcomings included:

  • A monotone design, not fitting to represent a top-tier Toronto law firm
  • A division of service offerings that leads to confusion
  • A less than optimal user experience on mobile devices
  • Ineffective calls to action that do not generate new business leads
  • A limited focus on search engine optimization (SEO)


With a major focus of this project being on enhancing the corporate look and feel, much time was dedicated to enhancing the colours palette for Stevenson Whelton. While the existing maroon from the company’s logo need ed to remain, Leaf Design looked at complementing it with an accent colour to help provide a more vibrant and fresh look to the website.

Our initial design was great from an organizational standpoint. However, after it was reviewed within the Stevenson-Whelton organization, it was felt that the design pushed the boundaries a bit past their comfort level. They liked the new turquoise colour, but felt it was too abundant for their corporate website.

As a result, the turquoise colour was dialled back to simply become an accent colour. This allowed the brand’s existing maroon colour to be more dominant, while still adding some freshness to the new design.

Original website Screenshot
1. Original website

Prior to engaging with Leaf Design the Stevenson Whelton website was confusing to both their primary and secondary audiences.

Design brief Screenshot
2. Design brief

Creating a design brief helped focus the website to speak to the most relevant clients for Stevenson Whelton.

Initial concept Screenshot
3. Initial concept

The first Home page concept provided some added vibrancy to the law firm's corporate website.

Final design Screenshot
4. Final design

Reducing the turquoise colour to an accent, the new Home page design took on a more formal tone.


The new website developed for Stevenson Whelton utilizes a more traditional main column plus sidebar layout for most of its pages. Having a more conservative client-base, the company did not want a design that was difficult for visitors to comprehend. Navigation was kept simple to ensure easy access to pages of the website, whether on a desktop or mobile browser.

Blocks of content were kept relatively client short and succinct. Where lengthier content was required, an easy to read typeface was used in the main column. To minimize clutter, imagery was kept to a minimum, only being used in black and white for the header backgrounds.

Highlighting the team

A major component of any legal website is the firm’s legal team. A main index page includes and ever-growing list of the firm’s lawyers. Clicking on any of the headshots will take a visitor through to a page that details page.

Along with complete contact information, the education, bar admissions, and areas of practice for each lawyer are contained within accordion-style tabs for easy access. A detailed biography of the lawyer, along with a collection of his or her most recent cases is included in the main content area. Finally, a sidebar menu allows quick access to other team member’s profiles.

Home Page Screenshot
Services Subpage Screenshot
Team Subpage Screenshot
Team - Details Subpage Screenshot

Want to achieve similar results?

If this case study has given you some inspiration on how to improve your own website, we encourage you to setup a consultation with us.

We’ll be happy to engage with you and show you the next steps towards a more profitable website for your B2B business.

Schedule your FREE consultation

  • This field is for validation purposes and should be left unchanged.

Get started in less than 30 seconds!