Site Showcase: Erin McGinn

Simplicity doesn't have to mean boring. With this secondary site for photographer Erin McGinn you can see how a simple 3 page website is complex and swoon-worthy.

Client Site Description: Photography Portfolio

Template Chosen: Brine

Why did you choose that template?: Because we wanted the ability to keep clean lines, but also have great gallery pages and full width sections throughout.

What was the Client's Objective?: Erin is an incredible photographer, but her old photography site didn't really shine a light on her editorial and non-wedding work. While weddings are a big part of Erin's business, she has grown a fan following from local artisans to bloggers who love her pov and incredible eye for light. With that in mind she wanted to separate her wedding/non-wedding photography business, and make sure that it was easy to update, really modern and fun, but also didn't need much attention. Aha! Squarespace. For our mini-site design we focused on the Home Page, About Page and the Galleries giving Erin a lovely site that was modern and fun. We built in the possibility for a blog in the future - just to give more of a story timeline for her editorial work. 

Tell us a bit about the design process?: Erin was beyond a breeze to work with, she had an incredible brand, and her photos are a dream to work with, so together those things tend to make a great pair when it comes to simple and clean site designs. For mini-sites we do the "regular process" from our studio strategy-mockups-draft-edit, just in a two week period, so I think that when we do this same process just on fewer pages it can really come out with spectacular results for sites like Erin's. 

How did you help the client differentiate their business through design?: Number one thing we did was keep everything super clean feeling, but with her moodier orange it feels like you have settled into a lovely hot summer day and are enjoying some beautiful photographs. The other thing we did was strip the site from it's Squarespacey ness, by adding in just a few details. The underline in the header, the really clean half image half-image half-content sections on the about page. And a plugin on the homepage for the portfolio section to have the images sit flush in a gallery with masonry style

Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: Where we implemented CSS we did it with a careful eye to stay true to the brand, but also stay simple. The typography had to be top notch when you have a simple site, there's no room for error or issue, so our CSS was focused mostly there.

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

1- Utilizing my signature 1/2 image banner on the about pages for better mobile design for 1/2 image 1/2 content sections on index pages, while keeping it extremely editable for the client.

2- Making the homepage detailed without too much design overloading the content + strategy. We did this by having the overlay on the homepage menu, the underlines on the active pages, and typographical edits.

3- The filters on the gallery page staying easy for the client to edit while also blending in with the site.


Designer: Meg Summerfield from Meg Summerfield Studio

Client's Site: Erin McGinn Photography