Site Showcase: Brandi Welles Photographer


I love collaboration design, as a freelancer and a solo-preneur it can sometimes be hard to come across a collab project that benefits and FITS everyone. Recently, I (Meg S.) started collaborating with Drop Cap Design out of Dallas Texas, on their Squarespace Site Designs, and we have some incredible examples of brand to site designs. Brand design for this one came from their super talented designer AlliK (see below). 

Squarespace Site Showcase | Brandi Welles Photographer | Brine Template | Dropcap Design and Meg Summerfield Studio

Client's Site Description: Lifestyle, Wedding and Portrait Photographer

Template Chosen: Brine

Why did you choose that template?: The Brine template is THE most flexible template to use with clients, because of the six quadrant header section, and flexible footer area, which is why I use it for 99% of clients. Unless they request a sidebar, we can accomplish most of all things other templates have in just this one template. This allows for creativity, but also design changes if they need to take place during the process.

What was the Client's Objective?: To create a new space for her brand on Squarespace (moving from ProPhoto), where her images could really shine, as well as have a very editable and custom site without the worry. DUH, that's what we all choose Squarespace for right?

Tell us a bit about the design process?: For this project, I was working in collaboration with Drop Cap Design Studio, and their designer AlliK had just finished up the design process. Through their thorough process, they had developed an incredible brand identity for Brandi, that focused her brand on her ideal customer.  From there, we added in my signature Squarespace Design Process, which starts first with web strategy, then moves into illustrator mockups before jumping into the development. We have found that a really thorough, and complete branding process combined with this web strategy and mockup design to start the process has yielded, THE BEST, and MOST CREATIVE process and output that you can in web, so that it's less concentrated on the bones of Squarespace and more focused on the actual design and strategy. This process is rooted in traditional web design, and the process that custom web designers have perfected over years and years.

How did you help the client differentiate their business through design?: We wanted visitors to Brandi's site to see her brand and content wherever they looked, so we kept things simple, yet perfectly on brand. We also infused a ton of creative layouts for Squarespace so that the "Squarespace Design" wasn't what was front-facing to the audience.

Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: No custom development, but tons of CSS. One of our favorite moments for the custom css is the little tag over the instagram section.

What are the top three creative features you used in the design?:  First design element that we wanted to make really different from others out there was the footer. How do you infuse BIG and photography forward design without being overloaded in a footer? We uses one HALF of the top footer combined with a really bright and light space for a newsletter box.

The second creative feature we designed was the about page. Through the page you dive into Brandi's style with the layout, and have a clear sense of who she is, as well as her aesthetic. 

The third thing we did was create a gallery and then summary galleries that you can see throughout the site for a little visual sub-menu (see below). We used span styles within the gallery titles and descriptions to keep them color coordinated with their image icons.


Site: Brandi Welles Photographer

Site Design By: Meg Summerfield Studio, LLC (dropcap collaboration project)

Branding Design: AlliK from  Dropcap Design