Stott and May
Stott and May approached us with a clear ambition: to make their brand identity feel unapologetically bold and confident. As part of the design team, I helped bring this vision to life by developing a high-contrast typographic system, structured layouts, and a refined black-and-white palette. Our goal was to communicate clarity and professionalism — crafting a tone that resonated with decision-makers and reinforced Stott and May’s position as trusted industry experts. My focus was on ensuring every design choice projected strength and strategic intent.
For the thought leadership pages, I drew inspiration from editorial design principles to create an experience that felt both authoritative and engaging. Working closely with the team, I crafted layouts that emphasized big typographic moments and a clear content hierarchy. These elements worked together to position Stott and May as a credible voice in their industry — a source of insight that users would trust and return to. The goal was to make the pages feel not just informative, but essential.
For Stott and May’s digital marketing assets, I developed a cohesive set of banner templates that extended the website’s visual language across paid media channels.
Working in Figma, I created scalable designs for LinkedIn ads, Google Display, and internal campaign graphics — all optimised for clarity and legibility at small sizes.
This section was all about humanising the brand. I introduced soft gradients, full-width portraits, and story-driven copy blocks to emphasize culture and values. I built reusable components for team profiles and image/text pairings in Figma using Auto Layout, making them easily scalable. The design system includes nested variants to handle hover states and mobile responsiveness, ensuring flexibility for future content updates.
For the homepage hero, I designed a bold entry point that immediately communicates trust and authority. I used Figma to build a responsive layout centered around oversized typography, with intentional whitespace to draw focus. The navigation is stripped back to essentials, allowing the content to breathe. Components like the sticky header and animated scroll cues were prototyped using Smart Animate, with developer handoff handled via Figma’s Inspect tool.
