diy websites with squarespace: part 2.

sew social website. / sfgirlbybay

In part 1 of this series, we introduced you to Squarespace and showed you a few of our favorite websites created using their do-it-yourself, customizable layouts. Today, my editorial assistant Kristen is sharing her experience customizing a Squarespace website for her company, Sew Social. i think you’ll find it most helpful when building your own websites!

templates from squarespace. / sfgirlbybay

Hey guys! I’m so excited to share everything I learned while putting together my site with you, so let’s get started. After browsing the Squarespace website templates for a bit, I decided to install about four different options by selecting “Start with this Design” on each template i liked. I did this so that I’d have instant options to choose from, in case I hit a snag with one later. Keene seemed like a good place to start, so I hit “Preview” then “Set as Live Template” and set to work. After removing all of the placeholder images and Pages I didn’t need, I uploading my logo and it became obvious the keene template’s layout wasn’t exactly what I had in mind. The logo placement and size wasn’t ideal and I realized the navigation wasn’t as streamlined as I needed for my website’s purposes.

designing websites with squarespace. / sfgirlbybay

I easily switched to Native and instantly liked how much bigger my logo looked and the template’s simple navigation. I noticed the option to add an “Announcement Bar” and since I’m currently accepting new clients, I thought this might be a great way to advertise that. I linked the bar to my contact page. After that, I changed my site font to Raleway, added a teal color for links, and connected my company’s social networks to the site.

sew social website designed with squarespace. / sfgirlbybay

Next, I decided on the following concise categories for my site’s navigation: Services, Clients, About, Contact, and created a Page for each. This was pretty easy. I simply clicked “Pages“, hit the plus sign in the upper right corner to create them, then dragged them into my preferred order. I did hit one snag here though. There was a Page labeled “Blog” listed and after attempting to delete it, I realized my template’s default homepage was a “Blog Page“. Since I didn’t want that capability for my website, I had to add a new Page to replace it.

coverpage options from sqaurespace. / sfgirlbybay

I decided a “Cover Page” (labeled “Home”) would be best for my homepage, since I wanted a background image to appear there but not on the rest of my site (Cover Pages are styled independently of a site’s template). Apparently, you can also upload multiple images, and they will display one image at time as a slideshow. I didn’t want to do that but I thought it was a cool Squarespace option! I went with “Vangaurd” for my Cover Page and set it as my homepage by clicking “Settings” and “Set as Homepage”. I was then able to delete that pesky default “Blog” Page from my template and I was all good! This is one of the coolest aspects of Squarespace, in my opinion. Even if a template was originally created for one purpose, like blogging, you can make any template into a store or website by changing out the blocks and/or page layout. You can learn more about this here.

diy websites with squarespace. / sfgirlbybay

Next, I went in search of the perfect background image for my homepage. First, I used Squarespace’s Getty Images tool to search for relevant images. There were lots of great photos there but I wasn’t finding what I had in mind. So, I checked Pexels and found two free images to use on my Services and Contact Pages, as well as a promo code (PEXELS10) for Shutterstock. That’s where I found a pretty floral, flat-lay image that was perfect for my homepage (see all of the options i was considering here).

sew social website homepage. / sfgirlbybay

Once that was in place, I decided to test one more template to make sure I was definitely in love with Native. I switched to Aubrey, even though it’s meant to be a wedding website, and after a few tweaks I liked it, too! My logo was bigger and the navigation was just as streamlined as Native. However, after comparing the two templates on my mobile phone, I quickly realized Native was the perfect template for my site and switched back (side-by-side comparison below).

sew social inc. website designed with squarespace. / sfgirlbybay

With my website’s aesthetic locked-in place, I went back through each Page and refined the text to include only the most-important, easy to digest information. Last but not least, I went live and sent the url to a few friends to see how it looked on different sized monitors and different mobile phones. Overall, I felt the Squarespace platform was very user-friendly, and besides selecting a blog template that involved a little bit of extra work, I felt like the process was pretty smooth! I will admit that it took me longer than I thought it would to complete my website, but I think this had more to do with my own indecisiveness than figuring out the platform. I’d estimate I spent somewhere around 6-8 hours building my site over the span of a couple days, and a few more hours browsing for imagery and drafting all of the content for my site. For this reason, I really recommend having all of that done before you start building your website. Having this content ready to go gives you a much better picture of what you’re building and will make the whole process much more streamlined.

I hope this leaves you feeling ready to build your own Squarespace website. Be sure to use coupon ‘SFGIRL’ for 10% off your first purchase!

squarespace websites. / sfgirlbybay

This is a sponsored post in partnership with Squarespace and all words and opinions are my own. Thank you for supporting the brands that help keep sfgirlbybay going with fresh content every day.

1-pix

pitter pattern.

patterned area rug on patio. / sfgirlbybay

whether it’s a fluffy carpet under foot, or the pitter pattern of a pretty tiled floor, it’s a grand start to giving your room a bold personality. if the ground beneath your feet has color and texture everything else takes on a bohemian vibe that’s easy to build on. naturally, you’ll want to consider your color palette but you can either keep the rest of your decor super simple and sparse for a more modern look — or add more complimentary textures and patterns to build upon what you’ve already got going on — from the bottom up, so to speak. i’m super excited to soon share with you my new clé hex tiles in the bathroom, and in the meantime, i’m having fun shopping for bathroom accessories to compliment the moroccan look i’m going for.

patterned moroccan tile floors. / sfgirlbybay

unique patterned tile work. / sfgirlbybay

wood framed bed with patterned tile floor. / sfgirlbybay

patterned floor tiles. / sfgirlbybay

patterned floor tiles in modern living space. / sfgirlbybay

tiled hallway. / sfgirlbybay

floor rug with black and white print. / sfgirlbybay

patterned black and white tiles. / sfgirlbybay

patterned colorful tile floors. / sfgirlbybay

bold patterned tile flooring. / sfgirlbybay

patterned floor tiles. / sfgirlbybay

patterned tile floors. / sfgirlbybay

• photo credits in order of appearance: the fresh light; the socialite family; camille styles; odessa floors; atelier rue verte; mosaico hidraulico; alvhem; decorology; style me pretty; anthropologie; architectural digest espana; Freunde von Freunden; atelier rue verte.

still life.

string-hung beach photograph with hanging succulent. / sfgirlbybay

let’s keep things simple today, shall we? i love these still life vignettes.  i tend to think a clean, clear space opens the mind and allows us to soak up fresh, new ideas and keep our creativity sharp. have you ever read that book the artist’s way: A Spiritual Path to Higher Creativity?  it’s got some wonderful ideas including the practice of ‘morning pages’ — essentially you sit down each morning and empty your thoughts onto a blank page in a running stream of consciousness. the idea being to clear your mind of clutter, enabling it to fill with more creative thoughts. i feel like these rooms can do something similar. free your mind and everything will follow.

white rooms with minimal decor. / sfgirlbybay

calming white bedroom. / sfgirlbybay

white walls with pale pink decor. / sfgirlbybay

white room with woven tray and orange floral arrangement. / sfgirlbybay

handmade pottery on white backdrop. / sfgirlbybay

minimalist white living room with wood cabinet and circle mirror. / sfgirlbybay

white washed rooms and decor. / sfgirlbybay

white walls with vintage white cabinet and modern rolling bar cart. / sfgirlbybay

modern white bedroom and decor. / sfgirlbybay

white walls and beamed ceilings with modern minimalist decor. / sfgirlbybay

white walls and minimalist decor. / sfgirlbybay

white entryway with white table and minimalist mirror. / sfgirlbybay

white vintage cabinets and white ceramics. / sfgirlbybay

white dining space with wood table and minimalist decor. / sfgirlbybay

calming white walls and decor. / sfgirlbybay

white kitchen with vintage cabinet and potted plants. / sfgirlbybay

• photo credits in order of appearance: refinery29; the kinfolk table; le sojorner; @aylagurganus; karwei; alexandre kurek photography; the glitter guide; couverture and the garbstore; charlotte minty herz & blut; clouds9000; remodelista; markham stagers; my unfinished home; the design files; atelier solarshop; little upside down cake; design inside; atelier solarshop; @verdenius; vintage white.

modern day handmade heirlooms.

rebecca atwood bedding. / sfgirlbybay

Rebecca Atwood has always loved quilts and their sense of history. Growing up, there was a crazy quilt hanging next to her parent’s dining room table that was from her mom’s side of the family, and she was fascinated with it and its different triangular fabrics. Her mom also made her own quilts for Rebecca and her sisters with big squares in happy colors. Needless to say, she’s always wanted to make her own collection of quilts. These pretty pastel quilts take their inspiration from Rebecca’s personal experiences, and each one is a truly individual piece, hand-sewn in Brooklyn — one of a kind, modern day heirlooms, handmade and compiled from various pieces of fabric from Rebecca’s studio. In the spirit of ‘repurposing’, she wanted to find a way to use the leftover fabric from production of her other collections, so they wouldn’t go to waste, and ultimately create a handmade, one-of-a-kind heirloom with a unique sense of quirkiness. whether they cover your bed, hang on the wall, or even draped over the back of your sofa, rebecca’s quilts will enhance any space.

rattan bedframe with rebecca atwood bedding. / sfgirlbybay

rebecca atwood sheets and quilts. / sfgirlbybay

rebecca atwood quilts. / sfgirlbybay

rebecca atwood quilts and sheets. / sfgirlbybay

colorful rebecca atwood quilts. / sfgirlbybay

rebecca atwood bedding collection. / sfgirlbybay

• photography courtesy of Rebecca Atwood.

friday finds.

pink glass pendant lamp. / sfgirlbybay

let’s end this week on a light note, shall we? i hope you all have some fun plans in the works! i think i’m hitting the long beach flea market which always puts a spring in my weekend steps. don’t you just love shopping for unusual, quirky finds that make your home so uniquely you? i do, i do! here’s a little celebration of whimsical spaces and places with a little sense of humor about them. these friday finds should hopefully make you smile a little bit. monday’s a holiday here, so everyone have a great long weekend! xo, victoria

  1. i love this light little nook — a lovely vignette of pretty pastels including that pale pink pendant lamp.
  2. honor your beloved pets in vintage-inspired portrait paintings — create a shrine to a girl’s best friend.
  3. very sweet table top styling including a glass cloche containing tiny collectibles.
  4. an eclectic looking living room, and i especially like the cheeky eye exam chart as art.
  5. stylist anna malmberg always gets it right, and this barcart is evidence her talents. love the miniature vintage vw bus.
  6. have you got a bunch of mismatched plates laying around? hang them up in a whimsical display that’s sure to cheer you up.
  7. personalize your home by showing off your hobbies, musical talents and love of vintage whimsy.
  8. i also adore unexpected kitchen art — create a unique story with vintage portrait paintings.

ff9

pink ceramic vase. / sfgirlbybay

striped area rug with leather sofa. / sfgirlbybay

rustic bar cart and potted plant. / sfgirlbybay

mismatched ceramaic plates. / sfgirlbybay

vintage mantle and home decor. / sfgirlbybay

vintage portrait paintings in a white modern kitchen. / sfgirlbybay