Design a reusable foundation.
I worked with Bootstrap as a framework for the layouts, balancing a consistent template structure with the needs of individual advisor and office sites.
Financial services · Website templates
MetLife Advisors
A clearer, brand-aligned website system for advisors and offices.
- My role
- Design direction & visual design
- Project context
- Approved designs handed to development
01 / Context & contribution
The brief and my role.
The challenge
MetLife needed updated website templates for its agents and offices. The brief called for a clean, professional experience that felt current while following the existing brand guidelines.
My contribution
I began by managing and directing the design work. When resourcing changed, I also took on the visual design, carrying the brief through to the approved mockups.
02 / Design decisions
How I approached the work.
Work within the brand.
I explored layout and navigation treatments that modernized the templates without replacing MetLife’s visual identity.
Make the handoff concrete.
I produced approved page and navigation states for the development team to implement in the proprietary CMS.
03 / The work
From exploration to the details.
Original project artifacts. Open an image to inspect it at full size.
04 / Outcome & reflection
What this project shows.
Where it landed
The visual designs were approved and handed to the development team for implementation in the proprietary CMS.
What I take forward
This project brought design direction and hands-on execution together. My contribution was turning a broad modernization brief into a set of specific, implementable templates.
Open to new opportunitiesLet’s talk about
Let’s connectLet’s talk about
your next design hire.
I’m exploring Product Designer opportunities. Tell me about your team and the problems you’re working on.