Knots Process Book

knotscreate inspire connect

Process Book

Designer: Megan CharlesPresented to: Coberlin BrownellClass: GDD 206-01

LOGO AND CLIENT DESCRIPTION

2

knots

Knots is an online community that provides space for all types of artists to sell their products. It is dedicated to establishing a positive relationship between buyer and seller, as well as promoting the significance and unique qualities of homemade goods.

The company was founded by several young artists determined to create a place with a trustworthy relationship between buyers and sellers. They sought out the best way to market such a thing, and decided that their best bet was to emphasize the idea of “homemade goods”. These individuals not only wanted space for artists to sell, but also for anyone dedicated to knitting or doing any other sort of craft. Ultimately, they wanted to ensure that, through their company (and website) more people would understand the concept that creations inspire connections (this is where the company’s name came from—knots may be messy and hard to untangle, but they demonstrate well the type of lasting connections that evolve out of creative communities). While money can be valuable, connections and relationships are often much more valuable in the artistic world.

Mission statement/tagline: Create, inspire, connect.

3

DESIGN STRATEGY

The website is designed in a way that makes the seller (the artist) feel just as important as the buyer and encourages a positive and interactive relationship between the two. The feeling that users should get when they enter the website should not be one of disconnect, but one of inclusion and comfort. It is also a website that is fairly easy enough to navigate for someone who is less tech-savy, but not too simple so that those that use the internet more frequently would get frustrated.

It is designed to encourage users to browse the selection of goods, learn about the purpose of the company, and read more about the artists. It is also an option for users to sign up for their own account on the site. This way, they can be even more involved with the mission of Knots. While the buyer/seller relationship is an important goal of the site, its main purpose is to make it easy for users to browse the selection of items.

4

COLOR PALETTE

Hot CinnamonHex: #E35F25R: 227G: 95B: 37

GrandisHex: #FFD494R: 255G: 212B:148

GenoaHex: #178C6FR: 23G: 140B: 111

SinbadHex: #A1D7CAR: 161G: 215B: 202

Crown of ThornsHex: #711F24R: 113G: 31B: 36

RajahHex: #FAC369R: 250G: 195B: 105

5

COLOR PALETTE DESCRIPTION

The website that I created is very colorful. The main colors that make up the pages themselves are hot cinnamon, grandis, sinbad, and rajah. However, these colors also alternate as type in some areas of the website. For example, grandis is used in the type for the logo in the header. Hot cinnamon is used to show what sections of type the user’s mouse is resting on in some of the subpages. An important note about the color is that opacity was adjusted in certain areas of colors, changing them slightly.

The varied and bright color scheme is meant to give the website a friendlier feel. The darker red color, named crown of thorns, is used in the designs throughout these bright colors in order to accent certain areas. This grounds the website and keeps it from becoming too bubbly and happy. The yellow and orange colors definitely provide enough of that; Knots isn’t a company that takes itself too seriously.

6

TYPE PALETTE

Page Headers

Supporting

Sub Headers

Tahoma

Bradley Hand, Bold

Tamil MN

a b c d e f g h i j k l m n o p q r s t u v w x y zA B C D E F G H I J K L M N O P Q R S T U V W X Y Z1 2 3 4 5 6 7 8 9 0 ! ? ( ) & “ ”



7

SITEMAP

0

Home

1

Goods

2

Artists

3

Blog

4

About

5

Sign in

5.1

Sign in

5.2

Register

4.1

Contact Us

5.1(2).1

Account

4.2

Register

1.6

My Cart

1.6.1

Complete Order 2.1

My Cart

2.1.1

Complete Order

3.1

My Cart

3.1.1

Complete Order

4.3

My Cart

4.3.1

Complete Order

5.3

My Cart

5.3.1

Complete Order

8

1.1

Art

1.2

Home & Living

1.3

Jewelry

1.4

Clothing

1.5

Other

1.1.1

Painting

1.1.2

Photography

1.1.3

Drawing & Illustration

1.1.4

Printmaking

1.1.5

Sculpture

1.1.6

More

1.2.1

Furniture

1.2.4

Decor

1.2.2

Lighting

1.2.3

Diningware

1.3.1

Necklaces

1.3.2

Earrings

1.3.5

More

1.3.3

Bracelets

1.3.4

Rings

1.2.5

More

1.4.1

Mens

1.4.2

Womens

1.4.3

Kids

SITEMAP (cont.)

9

TARGET AUDIENCE

The main audience that this website is trying to reach are those that have a true interest in art and the artists themselves. These people will understand the website best, however the site is also a good way for people who are unfamiliar with Knots and their mission to learn more. Knots, as an organization, wants to reach as many people as possible. However, the reality of it is that an artistic crowd is most likely the group that will use the site the most.

It is important to also note that the clothing aspect of this website, along with the home decor section, would potentially draw a very different crowd from the ‘artsy’ crowd. These are regular people (most likely women, but the site specifically does not ignore the fact that men might also be attracted to the website) who are just looking for something that is of good quality to buy. Whether it is a hand-knitted scarf, a hand-blown glass vase, or a hand-carved wooden table, these people would find it at Knots.

10

USER SCENARIOS

Consumer interest-ed in buying jewelry

(mid-thirties, female, familiar with web-

site)

Consumer interest-ed in joining and/or learning about the

company

Consumer interest-ed in reading the

website’s daily blog

(middle-aged, less familiar with website)

(early twenties, familiar with web-

site)

Home

Home

Home

Begin on Home page;

Select Goods

Begin on Home page;

Select About

4

1

Begin on Home page;

Select Blog

Goods page;Select Jewelry

1.3

Jewelry page;Select My Cart

1.8

My Cart page;Select Complete

Order

About page;Select Register

11

WEBSITE GOALS

The purpose of this website is the foster a creative community for artists as well as crafters. It works to ensure the integrity of the sellers; not one seller on the Knots site is disrespectful of the mission statement that the company holds dear. It is a place where people can go in search of quality, hand-crafted goods that are sold by reliable human beings with a face and a name.

Some of the actions that users will take are browsing the selection of goods, reading the site’s daily blog (posted on by both artists and the creators of the company themselves), learning more about the purpose of the company, learning about the artists that sell on the site (there are thousands), and signing up for their very own Knots account.

12

WIREFRAMES

home aboutbloggoods artistsknotscreate inspire connect

sign in

popular items

KNOTSBANNER

image

image

image

image

image

Home Page

This is the skeletal structure of the website before the design work. It looks very similar to the finished product; much of the interest of the website lies within the playful color scheme rather than just in design (although there are some design aspects included).

13

knots home aboutbloggoods artists

create inspire connect

sign inhome aboutbloggoods artistsknotscreate inspire connect

sign in

KNOTSBANNER

dining wareart

home & living

jewelry

clothingother

furniturelightingdining waredecormore

my cart

NAVIGATION

Goods Subpage

14

knots home aboutbloggoods artists


sign inhome aboutbloggoods artistsknotscreate inspire connect

sign in

KNOTSBANNER

aboutour mission

register

contact us

my cart

our missionUgh mlkshk biodiesel, or-

ganic Wes Anderson Bushwick pop-up try-hard trust fund Neutra +1 Pitchfork 8-bit what-ever Carles. Sriracha fixie raw denim, Brooklyn Odd Future DIY occupy freegan sustain-able salvia. Marfa you probably haven't heard of them bicycle rights Vice, Shoreditch banjo ugh swag post-ironic vegan.

About Subpage

15

DESIGN CONCEPTS

Design 1

knotsA community of homemade, used, and new clothes

16

Design 2

knotsA community of homemade, used, and new clothes

17

knotsa tight-knit community of handcrafted goods

our purposeclothing home decorotherart

Design 3

18

other

19

Final Design

knots

creativecommunityof

handcraftedgoods

a

home aboutbloggoods popular

itemsartists


sign in

Home Page

20


sign in

art

creativecommunityof

handcraftedgoods

a

home & living

jewelryclothingother

furniturelightingdining waredecormore

my cart5

dining ware

glasswareflatware & silverware

centerpieces

china

place settingsserveware

Goods Subpage

21


sign inmy cart5

about

our missionUgh mlkshk biodiesel, or-

ganic Wes Anderson Bushwick pop-up try-hard trust fund Neutra +1 Pitchfork 8-bit what-ever Carles. Sriracha fixie raw denim, Brooklyn Odd Future DIY occupy freegan sustain-able salvia. Marfa you probably haven't heard of them bicycle rights Vice, Shoreditch banjo ugh swag post-ironic vegan.

our missionregistercontact us

creativecommunityof

handcraftedgoods

a

About Subpage

22

CONCEPTS AND SKETCHES

23

knots

createinspire

connect

24

knots

knots

knots

Knots Process Book

Design

Transcript of Knots Process Book