Site Showcase: Travis and Company

 

We are loving the subtle use of texture and neutrals for this design from MModern Web Design! When working with bold color and images for interiors, we think it's the best way to show sophistication and let the client's content shine.

TravisandCoSiteShowcase_FullPost.png
 

Client Site Description: Professional Website

Template Chosen: Brine (Rally)

Why did you choose that template?: I cannot remember the last time I did not choose a template in the Brine family. It is by far the most flexible template and gives me so many options for flexibility in the header and footer. 

Furthermore, brine allows me to start designing a website without planning out each section, and I know I will be able to accommodate the content that needs to go there. If that makes sense? Basically, if Brine can't do it, no template can!

What was the Client's Objective?: A custom website that showcases their beautiful interior showroom, design partners and custom products.

Tell us a bit about the design process?: This design process ended up being pretty lengthy. We know this happens from time to time, so we just try to stay patient and keep our final goals the same. The long-drawn-out timeline was worth the wait because we had fantastic photography to work with to make the website looked perfectly “polished.”

How did you help the client differentiate their business through design?: Interior design showrooms are laid out to display the perfection of the designs they showcase seamlessly. From one room to another, you can take in the beauty of all the products without feeling overwhelmed whatsoever. Therefore, we wanted to incorporate the use of these fun headers on the interior pages that used a square graphic with one larger and smaller image to provide the same feel a showroom might give you in person.

Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: Yes, there is a lot of CSS used throughout the site. On the homepage, I made the gallery slideshow full-width by changing paddings and margins. I did the same thing on other interior pages that have image headers. Furthermore, I took Square Studio's "Blair gallery" a step further by having the image click through to a Lightbox list of partners for that corresponding category.

What are the top three creative features you used in the design?: 

1. Interior page headers with bold type and two images connected by a square to help bring the actual "showroom" feeling into the website

2. Fun, subtle pattern use to break up long index pages

3. Creative use of the image poster block to style bold and enticing call to actions

Anything else you want us to know about the site?:

Vendors used?: Yes! It takes a village, right?! We have a copywriter named Hayden Sentenn she is a full-time english teacher and blogger for http://heavenmadehome.com (she's amazing!). Also, on the partners page, we used Studio Square’s “Blair gallery” plugin (https://squarestud.io/collections/plugins/products/copy-of-grid-gallery-locale) to give it that extra something that was missing. A lot of the photography on the website was done by Nick Burchell (https://nickburchell.com).


Designer: Mackenzie Mathews from MModern Web Design

Client's Site: Travis and Company