Site Showcase: Geoff & Lyndsi Photography

Geoff & Lyndsi PhotographySiteShowcase_FullPost.jpg

Designer's Name: Mackenzie Mathews

Email Address: mackenzie@mmodernwebdesign.com

Your Studio Name (if applicable): MModern Web Design

Your Site URL: https://www.mmodernwebdesign.com/

Client's Site Name:: Geoff & Lyndsi Photography

URL of Page you Want Featured if you are not submitting your own images: https://www.geoffandlyndsi.com/

Client Site Description: Photography Portfolio

Template Chosen: Brine (Rally)

Why did you choose that template?: I really LOVE the brine family. It's flexibility is unlike any other Squarespace template. I cannot design without starting with a template in the brine family! I often think I should branch out, but I know that isn't going to happen!

What was the Client's Objective?: During the initial conversations with Geoff & Lyndsi (the client) they summed up what their goals were for this new website by saying... "Our goal for our work is to bring out the emotion, playfulness, and organic sides of our couples, we want our site to reflect this. I want to get rid of all the white and liven up the color scheme with more earth tones (tans, browns, greens, off-white etc.). We want a site that is both parts feminine and masculine, with fonts that are easy to read and catchy all at once..."

Tell us a bit about the design process?: My sister, Tyler, is the other half of the MModern Web Team. While I design, she communicates with the clients and organizes the content they provide to us. With this particular project, we put a lot of work into pulling the right photos from Geoff & Lyndsi's phenomenal portfolio. We wanted choose photos that really paired well with the organic, earthy graphics and colors while still showing off their crazy talent.

How did you help the client differentiate their business through design?: Geoff and Lyndsi are outdoor, earth-loving, free-spirits. Their work is mostly shot outside and they like to keep their tones organic and earthy. Many couples hire Geoff and Lyndsi because they want a more adventurous shoot. We wanted to bring this earthy, free-spirited feel to the website by using a unique color scheme that was bold, yet friendly and organic.

Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: I wrote more lines of CSS for this website than I have on any other website to date! 

 

One of the main site wide edits involved using a Non-Squarespace font to really incorporate an earthy feel into the website. Other site wide edits were made to manipulate the header and footer sections by customizing margins, paddings, and backgrounds. 

 

Furthermore, a lot of the CSS I wrote involved custom styling to make certain pages of the website look as good in mobile view as it looks on a desktop or laptop. From there, I used edits to create and style the accordions on the details page. 

 

I am sure I am leaving something out, but those are the major things!

What are the top three creative features you used in the design?: 1. The watercolor graphics that were used as overlays on photos

 

2. Bold background colors to separate (VERY) long index pages

 

3. I used CSS to place watercolor splashes and the organic, diamond shaped graphics on index sections throughout the website

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

Vendors used?: I am LOVING the Masonry Gallery plugin from SquareStudio. It made Geoff & Lyndsi's galleries look SO polished! I hate the "unevenness" of regular Squarespace galleries.

Images:

Brine TemplateMeg S.Comment