top of page

Jessops

TL;DR / Summary.

As a Mid-weight UI Designer at Domestic & General, I was regularly tasked with design work for the company's high-profile brand partners. The Jessops Care Club project was one of these; a standalone brochure page designed to sit within Jessops' own domain, promoting a camera warranty product to their customers in partnership with Domestic & General.


Working without a formal style guide, I studied the Jessops website independently to understand their design language, extracting typography, colours, and spacing directly from the live site. The result was a pixel-precise, mobile-first design that felt native to Jessops' brand whilst cleverly integrating Domestic & General's assets, including a cross-partnership icon treatment using Jessops' signature green. Following Jessops' approval and very positive feedback, assets were handed over to their development team, and a UI review of the staging environment ensured brand accuracy and consistency before launch.

The Brief.

Domestic & General partnered with Jessops to offer camera warranties through the Jessops Care Club. As part of my role working across Domestic & General's high-profile brand partnerships, I was tasked with designing a standalone brochure page for both desktop and mobile, to showcase the product's benefits and encourage customers to sign up. Whilst Domestic & General supplied the content, Jessops held final approval as the page would reside within their own domain.


No formal style guide was provided, which meant the design challenge centred on studying and replicating Jessops' visual language accurately enough for the page to feel native to their site; a task that required careful independent research before any design work could begin.

UI Design.

Adopting a mobile-first approach, I began by studying the Jessops website thoroughly to understand their design language; using browser tools to extract the exact typefaces, colours, and spacing used across their site and applying these faithfully throughout the UI. This ensured the page felt native to the Jessops brand despite the absence of a formal style guide.


The supplied camera imagery was treated with custom shadows and reflections to add depth and a degree of professional asset presentation, with multiple camera brands represented to convey the breadth of products covered by the warranty. For the benefits section, Jessops' own icon set was unavailable, so I adapted Domestic & General's existing icon set by applying Jessops' signature primary green, creating a cohesive cross-partnership aesthetic that leaned in Jessops' brand direction whilst honouring both companies' visual identities. The benefits were arranged in a grid layout for desktop and a list structure for mobile, improving legibility and providing a clear, scannable overview of the Jessops Care Club offering. Accessibility was considered throughout; colour contrast between the green icons, text, and white background was validated, and font sizes were confirmed as legible across both desktop and mobile resolutions. Placeholder copy was used specifically in the 'Ask in store for more details' section at the bottom of the page, as this content related to Jessops' own operations and was reserved for their Content Team to supply and populate.


Following internal reviews and minor adjustments, the finalised desktop and mobile designs were submitted to Jessops, who responded with positive feedback and signed off on both versions. With the designs confirmed, all icons, imagery, and assets were prepared, packaged, and handed over to Jessops' development team for implementation. Once development was complete, I was provided access to the staging environment to conduct a UI review, ensuring design consistency and brand accuracy across both desktop and mobile before the page went live.

UI design: hero section
UI design: benefits section
UI design: hero section
UI design: benefits section
bottom of page