Minimalism in Practice on the Jordan Prindle | Designs Website

New website, who dis?

If you've been around the Jordan Prindle | Designs website recently, you might have noticed we've undergone some ch-ch-ch-chaaanges.

Full disclosure: this blog post is a little late, since I launched the new website on a whim. I had been working on updates in the background for a month or two and it had come to the point where I couldn't look at it for one more day. That's right, I'm my own worst client.

Change is an never-ending product of running a creative business and I knew it was time for a change. However, I wanted to approach these web updates a little differently by putting minimalism in practice. 

Keep reading to learn what minimalism means and how I implemented it.  

Minimalism in Practice on the Jordan Prindle Designs Website | In this post, I walk you through what minimalism is, how to put it into practice and why I chose it as my website's top priority. #webdesign #customdesign #brandign #squarespace

 

First, I Evaluated the goals of my business

When I first launched JPD. I needed a website that offered a well-equipped blog and minimalist aesthetic. 

Although, the Avenue template worked well for a while. My business adapted significantly over the first year, which is common for most small business owners. As you grow into your business, you learn the services you want to take on, the people you naturally attract and the services they require. 

Only a few key things have remained true since I first launched Jordan Prindle | Designs. One, I offer branding and web design services. Two, sharing my knowledge and experience through blogging, is a non-negotiable. Lastly, I focus on minimalist designs. 

However, as my business grew, I wanted to adapt that minimalist mindset when looking at all aspects of my business. That now includes, my websites design. 

 

Second, I refocused the homepage

Minimalism is defined as "A lifestyle that helps people question what things add value to their lives. By clearing the clutter from life’s path, we can all make room for the most important aspects of life: health, relationships, passion, growth, and contribution." - The Minimalists

The way minimalist applies to a business and a web design is a little different than how it applies to your home. However, I still feel that definition applies. For my website, I defined minimalist as "Clearing the clutter from my website to make room for the most important aspects of my business: my creativity, my services and my passion. "

When I started sketching ideas for my website, I knew I wanted to add more value to the homepage. AKA: Share all the most important details up front. As I sketched, I quickly realized I'd have a long-scroll inspired design. 

I started searching for templates that fit my need and landed on the Hayden template.

A few of my favorite template features are:

  • Navigation Button
  • Blog Sidebar
  • Pre-footer + Footer
  • Index pages

 

Lastly, I got creative

Clutter is a big no-no in web design and minimalism. 

So, when designing a long-scroll website, I knew I'd have to get creative with how content was displayed. It had to flow naturally while still clearly differentiating information and segments. 

So, I started playing around with CSS.

CSS stands for Cascading Style Sheet. CSS is a simple mechanism for adding style (think fonts, colors and spacing) to your website. Squarespace makes changing fonts, colors and spacing really easy with the Style Editor. But, there are a few limitations. 

I knew I wanted different colored backgrounds to highlight different pages and there was only one way to do that. 

CSS Colored Backgrounds in Squarespace with Jordan Prindle Designs

I created each page of my website as an Index page. An Index page allows you to collect images and content from different pages and arranges them visually, creating a single destination where visitors can browse content from multiple sub-pages.

That means, five pages are being displayed as one.

Once, I had each page created and filled with content. I added custom CSS to the "Custom CSS" tab of my website to add differing color backgrounds as shown above.

Implementing some creativity, color and passion ensured each segment would shine and promote my ever-changing business. 


Have you refreshed your website recently? I'd love to hear about your experience in the comments!