Digital & Web Design
Web banners, landing pages and email.
Designed in Figma.
Shipped every week.
Four years of digital design for national retail and financial services brands. Site banners built to every placement a page has, landing pages from first layout to build-ready file, and email creative running on a weekly calendar. Drawn in Figma, produced in the Adobe suite, animated in After Effects.
Role: Production Designer
Agency: Northern Commerce
Years: 2022 to 2026
Tools: Figma, Adobe Creative Suite, After Effects
Clients: Rexall, Aviso Wealth, Qtrade, NEI
01 Web banners
One concept, redrawn for every slot on the page.
A retail homepage is not one banner. It is a hero, a category tile, a leaderboard and a mobile card, each a different shape with a different amount of room for the same message. I built the set: headline re-broken, product re-cropped, button re-placed, so the campaign reads the same at 2100 pixels wide and at 874. The sizes come from the placement spec. The work is making one idea survive all of them.
Rexall.ca site banners. The same flu and COVID-19 campaign at 2100x675 across the top of the page and 874x615 in a category slot. Smoking cessation the same way at 1440x578 and 874x615.
Card-linking offer for Rexall Be Well and RBC Avion. One offer, two shapes, 1035x834 and 1035x417.
02 Landing pages
Whole pages, not just the ad that points at them.
Campaign traffic has to land somewhere. I designed the pages it lands on: hero, offer, product grid, education blocks, footer, on desktop and on mobile, laid out in Figma against the live site so the build matched what was drawn. Four here, from a health content page to a dark-theme wellness page to a mobile-first quit-smoking flow.
Rexall.ca landing pages, desktop. Oral health and sexual wellness.
The same job on mobile. The skincare routine builder and the quit-smoking page.
03 Email
Email design that survives the inbox.
Solo-brand emails for national CPG partners running inside the Rexall wellness program. Built as stacked blocks so a product row can be swapped without redrawing the file, image weights kept low enough to load, and a single column that still reads on a phone.
Two solo emails, shown full length. L'Oreal awareness and Jamieson.
04 Motion in the banner
The same banner, moving, in both official languages.
A 1200x628 animated placement for Qtrade's winter campaign, delivered in English and French off one build. Designed in Figma, animated in After Effects, exported to the weight the placement allows.
Qtrade winter campaign, animated 1200x628. English on the left, French on the right.
The static placements alongside them. Qtrade winter at 1200x628 and NEI Advantage at 800x600.
05 How it gets built
Every piece on this page started as a Figma frame. Auto layout so a longer headline reflows instead of getting redrawn, one frame per placement so a whole set can be checked side by side before anything exports, and layers named so the person who opens the file next can find what they need. That is the part that makes weekly volume possible.