Responsive Web Template

Designing responsive web templates & content guides

gradient.png

Challenge

8 companies merging into 1 need a new digital brand.

Role

Visual Designer

Deliverables

3 Responsive Templates, Content Guide, Component Guide & template examples.

Timeline

4 weeks

Brand

When the client merged all 8 companies, they needed a new visual brand and identity. This was done by another agency. Our team built on the guidelines we were given to create a new digital brand.

Components Cover.png
Images.png
MISC.png

Component Guide

I created a component guide that for consistency and to ensure our development deadline is met. These visuals show how each component is flexible and has different variants.

Content Cards.png
Content Cards 2.png

Templates

I partnered with the content team to understand needs for each page. We looked across all pages in the website and the content rough drafts to understand the needs for each template. Then, I outlined the content needed for each template & component so the Content team and client could work on copywriting and overall story.

Content Guide_service landing.png
Content Guide_home.png
content guide_detail.png
WIN-Services-Business.jpg
WIN-Services- Dumpster Rental.jpg

Template Examples

I worked closely with Content to create examples of how the templates can/will be used to give the client a better understanding of the templates and proposed content narratives.

WIN-Home-Desktop.png
WIN-Services-Roll-Off Services.jpg
WIN- Detail - Our Story.jpg
tyou.png

Check out some of my other projects next! :)