top of page

Style Tiles

This is a redesign of the existing Mansfield Supply Website. I designed two versions of style tiles in Figma, with different color palettes, fonts, and aesthetics. In the end I chose the first style tile, because I liked the more down-to-earth color palette.

DMD 1070 Final Project Style Tiles-min.jpg

Design 1, with a green color palette and serif fonts. For this project I decided to use Libre Baskerville + Open Sans for paragraphs and subtitles.

Design 2, which has a more corporate theme. Mansfield Supply is a local family-owned business, so this also felt too formal and less down-to-earth.

DMD 1070 Final Project Style Tiles(1)-min.jpg
masnfield-supply-site-mockup-jpg.jpg

Site

Mockup

I did a mockup of the home page, using a few references from around the web (included) to come up with layouts and site content.

bc3b6633368b75663b5a5ea89fa23537.jpg
4a32f15f807dfba3745668e393331b3a.jpg
mansfield supply mockups(1).jpg

View Full Website

bottom of page