Web Design

Case Study Coming

Client

Jacob’s Pillow School for Dance

My Role

UX Design

Summary

A website design to present the dance school and speak to students, the dance community, and the audience the school draws each year for their summer show.

Visit the Designs Northwest Website

PROBLEM STATEMENT

Jacob’s Pillow is a well known dance school in the ((Birkshires)). They wanted to design their website in a way that would ….

APPROACH

Assessing the Redesign

Understanding the Stakeholders & Audiences

Competitive Analysis

Sitemapping / Information Architecture

Visual Design

Development

1. Assessing the Redesign

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

2. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

3. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

4. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

5. Assessing the Redesign

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

6. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

Case Study Coming

Client

Jacob’s Pillow School for Dance

My Role

UX Design

Summary

A website design to present the dance school and speak to students, the dance community, and the audience the school draws each year for their summer show.

Visit the Designs Northwest Website

PROBLEM STATEMENT

Jacob’s Pillow is a well known dance school in the ((Birkshires)). They wanted to design their website in a way that would ….

APPROACH

Assessing the Redesign

Understanding the Stakeholders & Audiences

Competitive Analysis

Sitemapping / Information Architecture

Visual Design

Development

1. Assessing the Redesign

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

2. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

3. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

4. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

5. Assessing the Redesign

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

6. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

Case Study Coming

Client

Jacob’s Pillow School for Dance

My Role

UX Design

Summary

A website design to present the dance school and speak to students, the dance community, and the audience the school draws each year for their summer show.

Visit the Designs Northwest Website

PROBLEM STATEMENT

Jacob’s Pillow is a well known dance school in the ((Birkshires)). They wanted to design their website in a way that would ….

APPROACH

Assessing the Redesign

Understanding the Stakeholders & Audiences

Competitive Analysis

Sitemapping / Information Architecture

Visual Design

Development

1. Assessing the Redesign

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

2. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

3. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

4. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

5. Assessing the Redesign

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

6. Title

D – CONTENT

Using three lines….
Using three lines….
Using three lines….

Website Design

Client

Designs Northwest Architects

My Role

Project Management
UX & Visual Design
Squarespace Development

Summary

Website redesign and refresh for an award winning architecture office in the Seattle Area

Visit the Designs Northwest Website

PROBLEM STATEMENT

Designs Northwest is an architecture office in the Seattle area. They wanted to refresh their website in a way that would get visitors right into their work, display their particular style, and tell the story of their office (both in the past, and what they’re working on currently).

APPROACH

Discovery

Structure & Wireframe Design

Visual Design

Development

Ongoing Maintenance & Analytics

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 OR SQUARESPACE

I do custom website development in WordPress the vast majority of the time. Though depending on how much control the client requires in terms of being able to update the site themselves after it’s built, sometimes I use Squarespace.

In this case, I built the site in Squarespace, which allows the client to take advantage of the drag and drop builder interface to make any changes they wish.

5. Ongoing Maintenance & Analytics

STAYING UP TO DATE & ANALYTICS

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.

Ready for More?
View Another Project –

Website Design

Client: Steyn Group

Website design for a global family office with investments spread between the US and Europe.

Website Design

Client: Six Peak Capital

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

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

Discovery Process

Discovery Intake Questionnaire and Discussion Starter

View Documents

2. Structure & Wireframe Design

SITEMAPS, WIREFRAMES & CONTENT

3. Visual Design

Colors, Fonts & Images

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

Ready for More?
View Another Project –

Website Design

Client: Steyn Group

Website design for a global family office with investments spread between the US and Europe.

Interactive Promotional Game

Client: Austin Eastciders

A mobile game distributed through social media and played in the browser. Designed to promote four different flavors fo hard cider.

Website Design

Client

Steyn Group Investments

My Role

Project Management
UX & Visual Design
WordPress Development

Summary

Website design for a global family office with investments spread between the US and Europe

Visit the Steyn Group Website

PROBLEM STATEMENT

The Steyn Group wanted a website that would introduce themselves and their investment philosophy, and highlight their current investments and ongoing projects.

They also wanted a look that made them seem approachable and ‘non-rigid’ in the way a lot of investment offices are.

APPROACH

Discovery

Structure & Wireframe Design

Visual Design

Development

Ongoing Maintenance & Reporting

1. Discovery

GOALS, AUDIENCE & MESSAGE

In the discovery phase we talked about the intended purpose of the website, the feeling they were trying to convey, and who the intended audiences were.

I like to kick off projects by asking a standard set of questions that really get at the underlying goals and audience goals, and then discuss further with the client to dig in more and make sure we’re both aligned.

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 was to map out a sitemap (how the website’s navigation and page structure will be), and think about the content that would fill out each of the pages and sections.

With the sitemap as a guide, I always begin designs loosely by blocking out wireframes. This helps clarify the content sections, and helps people see how the layout of the pages will look before I invest further time with visual elements like color or fonts.

3. Visual Design

Colors, Fonts & Images

After the structure of the website is set I begin to overlay the visual look and feel elements like colors, fonts and images. This is the stage where the website starts to really come alive and the clients recognize the site as their own.

For this website we decided to go with an illustrated look to reflect the feel of a ‘field journal’. I found and worked with a really talented illustrator to develop each of the illustrations used on the website.

4. Development

WORDPRESS DEVELOPMENT

I typically do WordPress development myself for website projects.

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 clients a support and maintenance package to take care of their site, keeping it up to date and fixing anything if something goes wrong.

Monthly I’ve set up a system to send detailed reports to clients outlining the analytics, and technical updates I’ve made to the site that month.

Ready for More?
View Another Project –

Data Management Platform

Client: Koverse

A tool used by Data Scientists for collecting, storing, and learning from big data.

ConnectedCare iOS App (Protected)

Client: Microsoft

Microsoft’s ConnectedCare App is a summary of an individual’s health records organized into one place.

Web Design

Case Study Coming

A website design to present the dance school and speak to students, the dance community, and the audience the school draws each year for their summer show.

1. Assessing the Redesign

2. Title

3. Title

4. Title

5. Assessing the Redesign

6. Title

Case Study Coming

A website design to present the dance school and speak to students, the dance community, and the audience the school draws each year for their summer show.

1. Assessing the Redesign

2. Title

3. Title

4. Title

5. Assessing the Redesign

6. Title

Case Study Coming

A website design to present the dance school and speak to students, the dance community, and the audience the school draws each year for their summer show.

1. Assessing the Redesign

2. Title

3. Title

4. Title

5. Assessing the Redesign

6. Title

Website redesign and refresh for an award winning architecture office in the Seattle Area

1. Discovery

Discovery Process

2. Structure & Wireframe Design

3. Visual Design

4. Development

5. Ongoing Maintenance & Analytics

Ready for More? View Another Project –

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

1. Discovery

Discovery Process

2. Structure & Wireframe Design

3. Visual Design

4. Development

5. Ongoing Maintenance & Reporting

Ready for More? View Another Project –

Website design for a global family office with investments spread between the US and Europe

1. Discovery

Discovery Process

2. Structure & Wireframe Design

3. Visual Design

4. Development

5. Ongoing Maintenance & Reporting

Ready for More? View Another Project –

Ready for More?
View Another Project –

Ready for More?
View Another Project –

Ready for More?
View Another Project –