crafty app book

23
Craſty

Upload: katiemazan

Post on 01-Apr-2016

240 views

Category:

Documents


2 download

DESCRIPTION

Book created by Katie Mazan to describe how her app, Crafty, works.

TRANSCRIPT

Page 1: Crafty App Book

Crafty

Page 2: Crafty App Book

App Design: Katie Mazan

Page 3: Crafty App Book

Crafty: Have some cool yarn but no idea how to use it? Get Crafty! Saw something cool on a craft blog but don’t have the tools or materials to make it. Crafty allows you to get craft ideas based on supplies you already have. Just fill out the questions in The Craft Creator and get crafting!

1. The Crafty app in the app store.

2. The Crafty app on a phone home screen.

12

Page 4: Crafty App Book

1. The login and sign up buttons can be selected by clicking them. When a button is selected it chan-ges to a navy button with white type.

2. This menu is available on the portrait orientation but has been replaced by just buttons in the land-scape version.

3. When selected the social media buttons will direct users to the Crafty Instagram, Twitter and Facebook page respectively.

Crafty Home: The homepage of the app. From here new users are able to login to existing accounts or sign up for a new account.

Page 5: Crafty App Book

Cra�y

Login

Sign up

Cra�y

Login

Sign up

1

3

3

2

Page 6: Crafty App Book

1. When selected this button directs users to the Crafty home page.

2. Users can make a scallop menu bar disappear by tapping it. To make the menu visible again the user may swipe from the bottom of the screen up in portrait orientation and from the right to the left in landscape orientation. Menus remain at the bottom or side of the screen even when scrolling.

Crafty Sign Up: The sign up page allows a new user of the app to create their own personal account.

Page 7: Crafty App Book

Sign Up

Name:

E-mail:

Password:

Verify Password:

Next

Cra�ySign Up

Name:

E-mail:

Password:

Verify Password:

Next

Sign Up

Name:

E-mail:

Password:

Verify Password:

Next

Cra�y22

1

Page 8: Crafty App Book

1. A user can select a tool by tapping the bar or name of the tool. When selected the bar will turn navy and the tool’s name will become white. To deselect a tool the user would just tap the select-ed item again.

2. The submit is at the bottom of the page. Submit buttons are selectable by touch. In their active state they change to navy buttons with white type. For an example of the active state please view the next page.

New User Survey: After creating an account the user will need to fill out a survey. The survey will create a permanent list of tools that the user has. This means they will not have to select every tool they want to use every time they want to do a new craft later.

Page 9: Crafty App Book

Scissors

Sewing Machine

Needle

Bone Folder

Glue

Tape

Hole Punch

Stapler

Tweezers

Pliers

Ruler

U�lity Knife

Self-Healing Mat

Glue Gun

Permant Marker

Rubber Stamps

Submit

Cra­y

Survey

Select the tools you always have. These will be saved for you and can be edited in user settings.

Cra­y

Scissors

Sewing Machine

Needle

Bone Folder

Glue

Tape

Hole Punch

Stapler

Tweezers

Pliers

Ruler

U�lity Knife

Self-Healing Mat

Glue Gun

Permant Marker

Rubber Stamps

Submit

Survey

Select the tools you always have. These will be saved for you and can be edited in user settings.

Cra�y

Scissors

Sewing Machine

Needle

Bone Folder

Glue

Tape

Hole Punch

Stapler

Tweezers

Pliers

Ruler

U�lity Knife

Self-Healing Mat

Glue Gun

Permant Marker

Rubber Stamps

Submit

Cra­y

Survey

Select the tools you always have. These will be saved for you and can be edited in user settings.

Cra­y

1

2

Page 10: Crafty App Book

1. When white form boxes are selected the apple keyboard will appear and the user is then able to type in any information. When the form is dese-lected, the keyboard will disappear.

2. Submit buttons are selectable by touch. In their active state they change to navy buttons with white type.

3. When the Crafty icon is selected it returns users to the app homepage.

4. Some of the Crafty menus have an option to go back to the last page; a user may do this by select-ing the arrow icon.

Crafty Login: The login page for pre-exsisting users of the crafty app. Users must input their e-mail and password to reach their user homepage.

Page 11: Crafty App Book

Sign Up Login

E-mail:

Password:

Submit

Cra�y

Cra�yLogin

E-mail:

Password:

Submit

4

Login

Ktmazan

E-mail:

Password:

Submit

Cra�y

1

1

2

3

Page 12: Crafty App Book

1. When selected the Crafty logo will return a user to the app homepage.

2. This icon opens the user settings page.

3. This icon opens the new craft page.

4. This icon opens the user’s loved crafts page.

5. This icon opens the user’s bookmarks page.

User Page:The user page is the page that will appear every time a user who has already signed up and logged in to the app opens the app. This page links a user to all other pages within the app.

Page 13: Crafty App Book

Cra�y

Embroidered CardsLevel: EasyTime: 10 mins

Friendship BraceletsLevel: EasyTime: 20 mins

Braided CoastersLevel: EasyTime: 40 mins

Tissue Paper FlowersLevel: IntermediateTime: 30 mins

Beaded VaseLevel: HardTime: 30 mins

Geo PendantLevel: HardTime: 40 mins

Custom Gift TagsLevel: HardTime: 20 mins

Cra�y

1

2

4

2 3 4 5

3

5

1

Page 14: Crafty App Book

1. Users may select the drop down menu to navi-gate through the different user settings. When an option in this menu is selected it will turn navy with white type. Other menu options include: the user’s permanent tools, privacy settings and the log out menu.

2. By selecting the Crafty logo users will return to their user page.

User Settings:The user settings page allows a user to make changes to their general account information and manage their Crafty membership.

Page 15: Crafty App Book

User Info

Current E-mai:

New E-mail:

Current Password:

New Password:

User Se�ings

Cra�y

User Info

Current E-mai:

New E-mail:

Current Password:

New Password:

Submit

User Se�ings Cra�y

Current Password:

New Password:

User Se�ings

Cra�y

User Info

My Tools

Privacy

Log Out

1

2

2

Page 16: Crafty App Book

1. Users can sort through their craft results by using the drop down menu to sort crafts from easy to hard, hard to easy, more to less time and less to more time. They can also narrow down their search by tool or material.

Loves/Bookmarks:Whenever a user loves or bookmarks a craft it appears on these pages. They can then sort through the crafts and look at the instructions for each.

Page 17: Crafty App Book

Sort by:

Easy to hard More to less time

Loved Cra�s Cra�y

Embroidered CardsLevel: EasyTime: 10 mins

Friendship BraceletsLevel: EasyTime: 20 mins

Braided CoastersLevel: EasyTime: 40 mins

Tissue Paper FlowersLevel: IntermediateTime: 30 mins

Hand Painted StationeryLevel: IntermediateTime: 30 mins

Geo PendantLevel: HardTime: 40 mins

Arm Knit ScarfLevel: EasyTime: 120 mins

Sort by:

Easy to hard More to less time

Sort by tool/supply:

Sewing Machine Felt

Beaded VaseLevel: EasyTime: 40 mins

Geo PendantLevel: EasyTime: 20 mins

Braided CoastersLevel: EasyTime: 40 mins

Tissue Paper FlowersLevel: IntermediateTime: 30 mins

Beaded VaseLevel: HardTime: 30 mins

Geo PendantLevel: HardTime: 40 mins

Custom Gift TagsLevel: HardTime: 20 mins

Bookmarks

Cra�y Cra�y

1

1

Loved Cra�s

Sort by:

Easy to hard More to less time

Sort by tool/supply:

Sewing Machine Felt

Embroidered CardsLevel: EasyTime: 10 mins

Friendship BraceletsLevel: EasyTime: 20 mins

Braided CoastersLevel: EasyTime: 40 mins

Tissue Paper FlowersLevel: IntermediateTime: 30 mins

Hand Painted StationeryLevel: IntermediateTime: 30 mins

Geo PendantLevel: HardTime: 40 mins

Arm Knit ScarfLevel: EasyTime: 120 mins

Cra�y

Page 18: Crafty App Book

1. A user can select a tool by tapping the bar or name of the tool. When selected the bar will turn navy and the tool’s name will become white. To deselect an option users tap the selected item.

2. Users scroll through the menu in order to view all the tool and material options. The phones in portrait orientation show the bottom and top of the pages.

Tools/Materials:These pages are what sets Crafty apart from other craft apps. On these pages users are asked to select which tools and materials they have so crafts can be custom selected for them from the Crafty database.

Page 19: Crafty App Book

Login

Scissors

Sewing Machine

Needle

Bone Folder

Glue

Tools

Tape

Hole Punch

Stapler

Tweezers

Pliers

Ruler

U�lity Knife

Self-Healing Mat

Glue Gun

Permant Marker

Rubber Stamps

Submit

Cra�y

Scissors

Sewing Machine

Needle

Bone Folder

Glue

Tools Materials

Tape

Hole Punch

Stapler

Tweezers

Pliers

Ruler

U�lity Knife

Fe�

Fabric

Gli�er

Embroidery Fl­s

Pom Poms

Beads

Yarn

Needle

Bone Folder

Cardstock

Acrylic Paint

Wax

Self-Healing Mat

Glue Gun

Permant Marker

Fishing Line

Jewlery Clasps

Bu�ons

Spray Paint

Painter’s Tape

Wire

Ribbon

Ink Pad

Tissue Paper

Ink

Watercolors

Velcro

Rubber Stamps

Submit

Cra�y

Scissors

Sewing Machine

Needle

Bone Folder

Glue

Tape

Hole Punch

Stapler

Tweezers

Pliers

Ruler

U�lity Knife

Self-Healing Mat

Glue Gun

Permant Marker

Rubber Stamps

Submit

Tools Cra­y

1

2

2

Page 20: Crafty App Book

1. Users can sort through their new craft results by using the drop down menu to sort crafts from easy to hard, hard to easy, more to less time and less to more time. The drop down menu is similar to the one seen on the user settings page.

2. In landscape orientation an arrow scrolls down the page with the user. When selected, the arrow will bring a user back to the top of that page.

Craft Choices:Once a user has taken the new craft survey of which tools and materials they have, they are given options of crafts they may like to do. Those will appear on the craft choices page.

Page 21: Crafty App Book

Embroidered CardsLevel: EasyTime: 10 mins

Friendship BraceletsLevel: EasyTime: 20 mins

Braided CoastersLevel: EasyTime: 40 mins

Tissue Paper FlowersLevel: IntermediateTime: 30 mins

Hand Painted StationeryLevel: IntermediateTime: 30 mins

Geo PendantLevel: HardTime: 40 mins

Arm Knit ScarfLevel: EasyTime: 120 mins

Sort by:

Easy to hard More to less time

Fe�

Fabric

Gli�er

Embroidery Fl�s

Pom Poms

Beads

Yarn

Needle

Bone Folder

Cardstock

Acrylic Paint

Wax

Cra� Choices

Fishing Line

Jewlery ClaspsCra�y

Embroidered CardsLevel: EasyTime: 10 mins

Friendship BraceletsLevel: EasyTime: 20 mins

Braided CoastersLevel: EasyTime: 40 mins

Tissue Paper FlowersLevel: IntermediateTime: 30 mins

Hand Painted StationeryLevel: IntermediateTime: 30 mins

Geo PendantLevel: HardTime: 40 mins

Arm Knit ScarfLevel: EasyTime: 120 mins

Sort by:

Easy to hard More to less time

Cra� Choices Cra�y

1

2

Page 22: Crafty App Book

1. Users swipe forward/to the right or backward/to the left to see the next or previous step in the craft instructions.

2. The menu bar on the craft instructions pages includes a back button, love button and book-mark button. When the love or bookmark button is selected the craft is then saved to the user’s respective lists which can be accessed from their user page.

3. If a craft has already been loved or bookmarked it will be highlighted in either pink or blue. Items can be unloved or unbookmarked by selecting the button again, the color will then change to navy.

Craft Instructions:Once a user has selected which craft they would like to do they are brought to the instructions for that craft.

Page 23: Crafty App Book

Step 1:Cut yourself a template for your flags. You canmake them any size or shape. Triangles are themost traditional, but I have seen rectangles and squares as well.

Pennants

Cra�y

Step 5: Open the bias tape and place the topof your flags in the fold. It may be helpful toiron the bias tape open first. Then pin your flags down. After you have it all pinned, run it through the sewing machine. Or, if you arefeeling ambitious you can hand sew it. If youhand sew it, try using a fun color of floss to makea stripe on your bias tape. Make sure you leave yourself extra bias tape at the ends so you will be able to hang your pennants. Also be aware ofthe spacing of your flags, I used a ruler to evenlymeasure the spaces out.

Pennants

Cra�y

Pennants Cra�y

Step 3: Lay out your cut pieces and attach the interfacing following the ins-tructions on the package.I am using the iron-on kind, I also put a piece of fabric down so I wouldn't get interfacing on the ironing bo-ard. The interfacing will help your flags stand stiffer when they arehung up. Just as a note, some people would put interfacing on before cutting the fabric. I chose to do it after so I could save the Liberty fabric.

1

2 3