An overview on the homepage, detail on product pages
The homepage introduced the software offering. Product pages needed space for features, supporting proof, and a clear next action for agents and brokers.
Selected work 
Marketing web design
Lone Wolf Marketing Web Work
I designed homepages, product pages and emails for Lone Wolf Technologies, and supported WordPress production with reusable sections and responsive layout rules.
- My contribution
- Website and campaign design, responsive layout rules and WordPress production support
- Status
- Shipped marketing work
- Evidence
- Delivered output
- Context
- Lone Wolf Technologies · In-house marketing web
- Role
- Marketing web designer
- Timeline
- Oct 2020-Jun 2023
Project details
- Date
- Oct 2020-Jun 2023
- Collaboration
- Marketing, SEO and web stakeholders
- Scope
- Marketing web design, WordPress pages, responsive implementation
- Tools
- Figma, WordPress, HTML/CSS, JavaScript
The case, before the polish.
At Lone Wolf, I designed marketing pages for software used by real-estate agents and brokers. I worked with marketing, SEO, and web stakeholders on homepage and product page layouts, reusable sections, and email design.
I supported production with responsive layout rules and WordPress sections that could accommodate changing content. Internal campaign details and performance data are not included.
- 3
- Selected examples
- A homepage, a product page, and an email design.
- CMS
- WordPress constraint
- Page sections had to work with WordPress editing and production workflows.
- Rules
- Reusable section model
- Hero, feature, proof, product, and conversion sections follow repeatable content and layout rules.
Evidence class
Delivered output
The homepage, product page, and email examples document delivered work. No individual effect on reach, conversion, or revenue is claimed.
Consistent type and hierarchy across web and email
I carried typography, content hierarchy, and calls to action across page designs and email layouts while adapting them to each format.
WordPress content needed responsive rules
Headlines, feature copy, images, and calls to action had to work with changing CMS content. My production support addressed section structure and mobile stacking.
Production archive
Selected surfaces and the rules behind them.
Homepage, product page, and email examples from my time at Lone Wolf. I designed pages and reusable sections and supported responsive WordPress production. Campaign performance data is not included.
Reusable module map
This map shows the recurring sections: hero, features, product cards, proof, and calls to action.
Product page design
My product page layout separates the offer, features, supporting proof, and calls to action so each has a defined place in the page.
Email and campaign support
The email design adapts the website typography and content hierarchy for a campaign, with a focused message and call to action.
Reusable production rules
- Landing page modules
- Shared layout rules let new pages reuse hero, feature, proof, and conversion sections with the same structure.
- Product card patterns
- Product cards group product families and feature details in repeatable layouts for comparison.
- Responsive content rules
- Related content was grouped and given stacking rules for smaller screens.
- Structure for CMS updates
- Reusable fields and controlled section options let content change within the same layout rules.
Selected production outputs.
Selected website and campaign work.
Website page designs
I designed the homepage and product page layouts shown here, organizing the offer, features, supporting proof, and calls to action.
Campaign sections and email design
I designed reusable page sections and email layouts that carried typography and content hierarchy across website and campaign work.
WordPress production support
I supported WordPress implementation with responsive layout rules and reusable sections designed for CMS content updates.
What the project clarified.
Designing reusable sections gave editors a consistent layout for product explanations, customer quotes and campaign offers. Each section also needed enough flexibility to handle different amounts of copy.
For future iterations, I would check the sections with short and long content and test how visitors move from a product overview to the next action.
Next: Carpool AppNext step
Let’s talk about your design team.
I’m a UI/UX & Web Designer. I design and build responsive websites and internal interfaces for insurance and B2B software teams.