cottoncoils.com

Project Workbook

Desiree’ Singreen

Brand Website Purpose Statement

Cottoncoils.com provides hair care advice and information to the women and girls with have afro-textured hair who are under-represented in society in a fun, professional manner that helps them feel empowered and part of a growing community.

Cottoncoils.com presents articles on hair typing, care and styling for this unique hair texture. It encourages interactivity and a support system for women who are not familiar with dealing with their natural hair.

Members are provided a forum in order to compare techniques, hair recipes, product reviews and gives recommendations on techniques for different hair lengths and the wide range of curl patterns from multiracial to tightly coiled.

Site revenue is based on user traffic to sponsored ads and affiliate marketing.

Increase Impact on Business Bottom Line(Revenue, Donations, Business Profit, Inventory Control, etc.) Term Goal Desirability Obtainability TotalShort (0-1year) $100/month ad revenue 5 4 9

Short (0-1year) $50/month affiliate marketing 5 3 8

Medium (1-5 years) $100/month youtube partner 4 2 6

Medium (1-5 years) $300/month ad revenue 5 3 8

Medium (1-5 years) $500/month affiliate marketing 5 3 8

Long (+5 years) $1000/month affiliate marketing 4 3 7

Long (+5 years) $3000/month youtube partner 4 3 7

Operation Efficiency (Easy Info Access, Effective Business Process with Sponsors, Improve P2P

connections)

Term Goal Desirability Obtainability TotalShort (0-1year) Weekly Articles 5 5 10

Short (0-1year) Monthly product reviews 5 4 10

Short (0-1year) Youtube channel 5 4 9

Short (0-1year) Facebook 5 5 10

Short (0-1year) Twitter 5 5 10

Short (0-1year) Member Forum 5 5 10

Long (+1 year) Quarterly Sponsor giveaways 5 3 8

Brand Awareness(Raise Market Share, Social Community, Promotions, Sharing, Charity connection) Term Goal Desirability Obtainability TotalShort (0-1year) 1000 Facebook likes 5 4 9

Short (0-1year) 1000 Youtube subscribers 5 4 9

Medium (1-5 years) 1000 Twitter Followers 5 4 9

Medium (1-5 years) 5000 Forum members 5 3 8

Medium (1-5 years) 10000 Facebook likes 5 3 8

Long (+5 years) 100000 Youtube subscribers 5 3 8

Long (+5 years) 100000 Facebook likes 5 3 8

Identified User Segments for the Business Industry

• Ethnic black women and girls

• Mixed raced women and girls

• Mothers of mixed race girls

Brown, Shannon, and Marigny Research Group, Inc. "Ethnic Hair, Skin, and Cosmetic Products in the U.S., 8th Edition." Packaged Facts (2012): Print.

Brown, Shannon. "Cosmeceuticals in the U.S., 6th Edition." Packaged Facts (2012): Print.

Primary Demographic: Monica• Story (6 lifestyle motivations to use website- be specific):

• Looking for advice for coarse hair texture• Looking to stop using chemical relaxers• Never experienced hair in its natural state• Kinky hair texture underrepresented in hair forums• Looking for professional styles for various hair lengths• Looking for dry hair solutions

• Demographic (industry data: age, geographic location, occupation, annual income, marital status, children, etc.):

• 32 years old

• Houston, Texas

• Elementary School Teacher

• $27,000

• Single

• No children

• 6 Goals (of what to accomplish on the business website):

• Product reviews

• Moisturizing techniques

• Support system

• Transitioning tips

• Dealing with various hair lengths

• Protective styling

• 6 Needs (motivations user building website business relationship):• Weekly updates (minimum) • Member forum • Styling gallery• Product ingredient information• Hair type differences • Information on what affects hair

Brown, Shannon, and Marigny Research Group, Inc. "Ethnic Hair, Skin, and Cosmetic Products in the U.S., 8th Edition." Packaged Facts (2012): Print.

Brown, Shannon. "Cosmeceuticals in the U.S., 6th Edition." Packaged Facts (2012): Print.

Secondary Demographic: Amber

Brown, Shannon, and Marigny Research Group, Inc. "Ethnic Hair, Skin, and Cosmetic Products in the U.S., 8th Edition." Packaged Facts (2012): Print.

Brown, Shannon. "Cosmeceuticals in the U.S., 6th Edition." Packaged Facts (2012): Print.

• Story (6 lifestyle motivations to use website- be specific):

• Looking for advice for biracial hair

• Doesn’t have many black friends who can relate

• Never relaxed, but flat irons hair straight

• Dyes hair regularly

• Long, fine, curly hair

• Needs help dealing with frizz

• Demographic (industry data: age, geographic location, occupation, annual income, marital status, children, etc.):

• 25 years old

• San Diego, California

• Works in retail management

• Some college

• Dating

• No children

• 6 Goals (of what to accomplish on the business website):

• Product reviews

• Sleeker hair styles

• Support system

• Dealing with color treated hair issues

• Dealing with longer hair

• Protective styling

• 6 Needs (motivations user building website business relationship):• Weekly updates (minimum) • Member forum • Styling gallery• Product ingredient information• Hair type differences • Information on what affects hair

Tertiary Demographic: Nicole

Brown, Shannon, and Marigny Research Group, Inc. "Ethnic Hair, Skin, and Cosmetic Products in the U.S., 8th Edition." Packaged Facts (2012): Print.

Brown, Shannon. "Cosmeceuticals in the U.S., 6th Edition." Packaged Facts (2012): Print.

• Story (6 lifestyle motivations to use website- be specific):• Mother looking for options in hair styling• Doesn’t want to use chemicals on a child's hair• Lives in a mostly caucasian neighborhood so is lost• Needs styles that will last for school• Wants to help adopted child with hair versatility• Wants non-biased advice about natural hair care

• Demographic (industry data: age, geographic location, occupation, annual income, marital status, children, etc.):

• 28 years old, white

• Detroit, Michigan

• Stay at Home Mom

• $0

• Married

• 4 kids, all adopted, different backgrounds

• 6 Goals (of what to accomplish on the business website):

• Product reviews

• Moisturizing techniques

• Support system

• Child styles

• Dealing with different hair lengths

• Protective styling

• 6 Needs (motivations user building website business relationship):• Weekly updates (minimum) • Member forum• Styling gallery • Product ingredient information • Hair type differences• Information on what affects hair

Brand + User 1 Goals = FeaturesPrimary User Name (Monica): Support system, dealing with various hair lengths, protective styling, hair typing, weekly updates, member forum !

Secondary User Name (Amber): Support system, dealing with color treated hair issues, dealing with longer hair, hair typing, weekly updates, member forum !

Tertiary User Name (Nicole): Product reviews, child styles, protective styling, weekly updates, product ingredient information, style gallery

Revenue or Benefit Business Goals!• Advertisement revenue • Affiliate marketing • Youtube partnership

• Aside advertisement panel (no sound)• Youtube channel link• Links to partners

Operation Efficiency Goals ! !• Weekly articles/blog !• Monthly product review !• Youtube channel !• Facebook !• Twitter !• Member forum !• Sponsored giveaways

• Blog admin login and posts• Restricted comment section with replies and admin block ability (comments hidden with count until clicked open to load)• Social media links and twitter feed widget

Brand Awareness Goals!• Facebook fan page!• Twitter!• Youtube tags!• Appreciation announcements

• Regular blog and article updates• Responsive grid with “load more” buttons for mobile devices• Contact form and email link for questions about any website issues

Brand Characteristics – minimum of 10 keyword descriptors

• Healthy

• Educational

• Stylish

• Professional

• Empowering

• Social

• Feminine

• Afro-centric

• Fresh

• Strong

• Non-biased

• Motivational

Brand Identity thumbnails for (cottoncoils.com)

Brand IdentityBrand Identity COLOR logo with spacing requirements on website.

Brand Style Guide for ()

Type selection to be used for promotional elements, Headlines, subtitles and body copy. Label what each typeface will be used for.

Project color scheme

RGB (197196,200) Hex (C5C4C8) Background

RGB (133,97,135) Hex (856187) Primary

RGB (158,134,131) Hex (9E8683) Secondary

RGB (155,154,160) Hex (9B9AA0) RGB (83,57,105) Hex (53399) RGB (110,110,68) Hex (6E6E44) Accents

HEADLINES - DidotBody - Verdana Vestibulum venenatis libero eget arcu tincidunt, id euismod ligula rutrum. Morbi interdum purus a ante volutpat sagittis. Praesent est magna, pharetra at fringilla eu, sodales sed nibh. Sed posuere dignissim leo, in rhoncus augue auctor ut. Duis ultricies lorem libero, in ullamcorper mauris ornare in. Nulla pharetra elementum purus, sed cursus massa dignissim at. Duis at ipsum vel dolor ornare vulputate.

HEADLINES - Didot

HEADLINES - Didot

Body - Verdana

Body - Verdana

Body - Verdana

Body - Verdana

Architecture Diagram

1.0 Hair types 2.0 Porosity 3.0 Starting out 4.0 Hair care 5.0 Products 6.0 Styles 7.0 Forum

admin

1.1 Type 2 (a,b,c)

1.2 Type 3 (a,b,c)

1.3 Type 4 (a,b,c)

Homepage

2.1 Low porosity

2.2 High porosity

3.1 Big chop

3.2 Transitioning

3.2 Transitioning3.3 Length retention

4.1 Shampoo

4.2 Condition

3.2 Transitioning4.3 Co-wash

3.2 Transitioning4.4 Moisturize

3.2 Transitioning4.5 Styling

3.2 Transitioning4.6 Nighttime

3.2 Transitioning4.7 Deep condition

5.1 Ingredients

5.2 Recommendations

3.2 Transitioning4.8 Clarifying

5.3 Reviews

6.1 Tips

6.2 Children

7.1a Login

7.1b Register

7.2 New Topic

7.2a Reply to topic

7.2b Comment

7.2c Reply to comment

(Page ID: 0.0) Homepage Wireframe Notations:!1. Logo!2. Facebook, Twitter, Youtube, Pinterest, Instagram!3. Search Bar!4. Nav bar!5. Image!6. Welcome message!7. Ad!8. Ad!9. Ad!10. Ad!11. Footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros fauci-bus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Vestibulum semper congue rhoncus. Ut iaculis lacinia libero, et pulvinar urna porta at. Aenean eget pharetra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed con-dimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Vestibulum semper congue rhoncus. Ut iaculis lacinia libero, et pulvinar urna porta at. Aenean eget pharetra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Vestibulum semper congue rhoncus. Nunc vitae tempus nunc, ac dignissim felis. Praesent eget odio tristique, porta purus eu, molestie felis. Aliquam at lectus lacus. Donec sodales, lacus ut tempor lobortis, ante leo blandit elit, at dapibus libero nisi ut velit. Praesent in nisl porta lectus semper phare-tra nec ac nunc. Nullam a orci at massa dignissim ultricies sit amet eget lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.

1

4

2

3

5

7

8

9

10

6

11

(Page ID: 1.3) Type 4 (a,b,c) Wireframe Notations:!1. Logo!2. Facebook, Twitter, Youtube, Pinterest, Instagram!3. Search Bar!4. Nav bar!5. Image!6. Information about type 4 hair!7. Ad!8. Ad!9. Ad!10. Ad!11. Footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignis-sim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignis-sim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Lorem ipsum dolor sit amet, con-sectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitu-din. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullam-corper interdum sapien, at tempor ante inter-dum at. Lorem ipsum dolor sit amet, consec-tetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante sceleris-que lorem malesuada, eu ornare dolor gravi-da. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat. Sed condimentum fringilla sollici-tudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat.

1

4

2

3

5 7

8

9

10

6

11

(Page ID: 3.2) Transitioning Wireframe Notations:!1. Logo!2. Facebook, Twitter, Youtube, Pinterest, Instagram!3. Search Bar!4. Nav bar!5. Image!6. Image!7. Ad!8. Ad!9. Ad!10. Ad!11. Footer!12. Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consecte-tur arcu luctus condi-mentum. Nunc et fauc-ibus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Duis a ultricies urna. Duis a

ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna. Duis a ultricies urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elemen-tum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Ali-quam erat volutpat.

Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignis-sim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.

1

4

2

3

127

8

9

10

11

5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consecte-tur arcu luctus condimentum. Nunc et fauci-bus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Cras dignis-sim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed mo-lestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultric-ies urna. Duis a ultricies urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignissim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultric-ies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna.Duis a ultricies urna. Vestibu-lum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna.Duis a ultricies urna.Duis a urna.

6

(Page ID: 6.1) Tips!Wireframe Notations:!1. Logo!2. Facebook, Twitter, Youtube, Pinterest, Instagram!3. Search Bar!4. Nav bar!5. Image!6.Image!7. Ad!8. Ad!9. Ad!10. Ad!11. Footer!12. Image!13. Image

1

4

2

3

7

8

9

10

11

5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimen-tum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignissim euis-mod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Ves-tibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget con-sectetur ligula. Duis a ultricies urna.

6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimen-tum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignissim euis-mod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Ves-tibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget con-sectetur ligula. Duis a ultricies urna.

12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimen-tum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignissim euis-mod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Ves-tibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget con-sectetur ligula. Duis a ultricies urna.

13

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimen-tum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignissim euis-mod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Ves-tibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget con-sectetur ligula. Duis a ultricies urna.

(Page ID: 7.0) Forum Wireframe Notations:!1. Logo!2. Facebook, Twitter, Youtube, Pinterest, Instagram!3. Search Bar!4. Nav bar!5. Create topic!6.Forum Posts!7. Ad!8. Ad!9. Ad!10. Ad!11. Footer!12. Login/Register

1

4

2

3

7

8

9

10

11

1256

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsumLorem ipsum

(Page ID: 7.1a) Login Wireframe Notations:!1. Logo!2. Facebook, Twitter, Youtube, Pinterest, Instagram!3. Search Bar!4. Nav bar!5. Image!6. Login!7. Ad!8. Ad!9. Ad!10. Ad!11. Footer

6

1

4

2

3

7

8

9

10

11

5

Page ID: 0.0 - Homepage Design Comp

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Vestibulum semper congue rhoncus. Ut iaculis lacinia libero, et pulvinar urna porta at. Aenean eget pharetra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullam-corper interdum sapien, at tempor ante interdum at. Vestibulum semper congue rhoncus. Ut iaculis lacinia libero, et pulvinar urna porta at. Aenean eget pharetra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Vestibulum semper congue rhoncus. Nunc vitae tempus nunc, ac dignissim felis. Praesent eget odio tristique, porta purus eu, molestie felis. Aliquam at lectus lacus. Donec sodales, lacus ut tempor lobortis, ante leo blandit elit, at dapibus libero nisi ut velit. Praesent in nisl porta lectus semper pharetra nec ac nunc. Nullam a orci at massa dignissim ultricies sit amet eget lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.

1

Page ID: 7.0 - Forum Design Comp

1

7

8

10Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

RegisterLogin

Page ID: 1.0 – Hair Types Design Comp

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Ali-quam erat volutpat. Nunc ullamcorper inter-dum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Sus-pendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget conse-quat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget conse-quat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimentum fringilla sollicitudin. Morbi id ulla-mcorper ante. Aliquam erat volutpat. Aliquam erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in con-sequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed condimen-tum fringilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat vo-lutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in consequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat. Sed condimentum frin-gilla sollicitudin. Morbi id ullamcorper ante. Aliquam erat volutpat. Aliquam erat volutpat.

Page ID: 7.1a – Login Design Comp

1

Page ID: 6.1 – Tips Design Comp

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Cras dignissim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Cras dignissim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Cras dignissim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Cras dignissim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna.

Page ID: 3.2 – Transitioning Design Comp

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consecte-tur arcu luctus condi-mentum. Nunc et fauc-ibus ligula. Nunc eu nunc lacus. Ut in so-dales leo, luctus ultrices turpis. Duis a ultricies urna. Duis a

ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna. Duis a ultricies urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue in eros faucibus vel elementum eros tempor. Sed con-dimentum fringilla sollici-tudin. Morbi id ullam-corper ante. Aliquam erat volutpat. Aliquam

erat volutpat. Nunc ullamcorper interdum sapien, at tempor ante interdum at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a tortor ante. Nam arcu libero, sodales vitae orci ac, viverra dignissim augue. Sed volutpat ante scelerisque lorem malesuada, eu ornare dolor gravida. Suspendisse in con-sequat neque. Morbi eu enim nisi. Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.Integer laoreet justo id semper ornare. Maecenas vestibulum ac ligula eget consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignissim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper consectetur arcu luctus condimentum. Nunc et faucibus ligula. Nunc eu nunc lacus. Ut in sodales leo, luctus ultrices turpis. Cras dignis-sim euismod lorem, a luctus nisi mollis vel. Suspendisse purus eros, rutrum sed molestie aliquam, laoreet vitae mi. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Vestibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna.Duis a ultricies urna. Ves-tibulum eget mattis neque, eget consectetur ligula. Duis a ultricies urna. Duis a ultricies urna.Duis a ultricies urna.Duis a urna.