Website Design

Client

Six Peak Capital

My Role

Project Management
UX & Visual Design
WordPress Development

Summary

Website design for a real estate investment & development company focused on coliving

Visit the Six Peak Capital Website

PROBLEM STATEMENT

Six Peak Capital is a real estate investment & development company focused on the new idea of Coliving. Six Peak wanted a website that communicated and represented their vision to become an industry leader in this space. They wanted the website to show who they were, showcase their portfolio, and outline where they were going so they could raise investment and bring others along with them.

APPROACH

Discovery

Structure & Wireframe Design

Visual Design

Development

Ongoing Maintenance & Reporting

1. Discovery

GOALS, AUDIENCE & MESSAGE

The discovery phase is about uncovering the intended audience, who the message of the website will be crafted for, and how the message will be conveyed.

In this stage I kick off the project with the client by asking a standard set of questions and then discussing with them to dig in more.

Discovery Process

Discovery Intake Questionnaire and Discussion Starter

View Documents

2. Structure & Wireframe Design

SITEMAPS, WIREFRAMES & CONTENT

After getting aligned on the goals, audience, and messaging of the project, the next step I take is to map things out with a sitemap (how the website’s navigation and page structure will be), and then to think about what content will fill out each of the pages.

After a sitemap is generally agreed upon, I block out each of the pages quickly and loosely with placeholder images and text content. This step helps clarify if all the content that’s needed is actually present, and laid out in a compelling way before I start investing time with visual design.

3. Visual Design

Colors, Fonts & Images

Only after the structure and content of the website is loosely set do I start overlaying visual design elements to make the website’s look and feel come to life.

From a blocked out website to one with consistent colors, fonts and images is where the magic happens and clients start to really recognize the website as their own.

4. Development

WORDPRESS DEVELOPMENT

For each of the White Fern websites I do the WordPress development myself.

I have a base framework I’ve structured to start each project, and use the Genesis Framework as an easy way to get a lot of heavy lifting out of the way.

For styling I use SASS as an abstracted styling language to compile down to CSS. I like to structure each element atomically as much as possible to keep my styling files organized.

5. Ongoing Maintenance & Reporting

STAYING UP TO DATE & REPORTING

Generally after finishing a website project, I like to offer the clients a support and maintenance package to take care of their site, keeping it up to date and fixing anything if something goes wrong.

I also build in standard with any website I do analytics so that both I and client can track and see how people are using the website and if it’s behaving as it should to get people to the content they need.