SlideShare a Scribd company logo
1 of 28
Download to read offline
FA 102B,
Social Media and Web Design
Professor KlinkowsteinEmily Boschi fa 102b
Fill in the blanks
http://www.iftf.org/future-now/article-detail/fill-in-the-blanks/
Professor KlinkowsteinEmily Boschi fa 102b
Research from the web
Excerpt
"When the common core network is compromised by injury or illness, our
simulation circuitry fails. We can remember or anticipate general facts, but not
stories of our own lives."
Professor KlinkowsteinEmily Boschi fa 102b
Professor KlinkowsteinEmily Boschi fa 102b
http://www.iftf.org/future-now/article-detail/fill-in-the-blanks/
Step name:
“Draft Product or Service Description”
App that factors weather, preferences and hair type to curate custom haircare
Professor KlinkowsteinEmily Boschi fa 102b
Professor KlinkowsteinEmily Boschi fa 102b
Step name:
“User / Customer Experience Map”
Professor KlinkowsteinEmily Boschi fa 102b
Persona description:
● 20-38 female
● Expects a glitch-free app
● Expects shipping within 1-5 days
● Wants a luxury shopping experience
● Plans on photographing products for Instagram feed
Professor KlinkowsteinEmily Boschi fa 102b
About the Product:
● Custom hair care formulated for 15 weather conditions
● Available in shampoo, conditioner, serum, or masks
● Packaging that can be repurposed as art pieces
Professor KlinkowsteinEmily Boschi fa 102b
Encountering the Product Online:
● Social media influencers
● Ads on social media
● Google search results
● Online articles/blogs
● Online reviews
Professor KlinkowsteinEmily Boschi fa 102b
Encountering the Product Offline:
● Social Events
● Pop-up shops
● Magazines
● Word of mouth
Professor KlinkowsteinEmily Boschi fa 102b
Consideration (Online) Phase:
● Reading positive reviews
● Viewing a banner ad
● Viewing a social media post
Professor KlinkowsteinEmily Boschi fa 102b
Consideration (Offline) Phase:
● Talking to other customers
● Entering a pop-up store
● Wanting to improve hair quality
Professor KlinkowsteinEmily Boschi fa 102b
Use (Online) Phase:
● Posts about the product on social media
● Writes a review online
Professor KlinkowsteinEmily Boschi fa 102b
Use (Offline) Phase:
● Uses product often
● Tells friends about product
Professor KlinkowsteinEmily Boschi fa 102b
Post-use (Online) Phase:
● Continues using app
● Signs up for promotional emails
● Receives discounts for future purchases
● Pre-orders new products
Professor KlinkowsteinEmily Boschi fa 102b
Post-use (Offline) Phase:
● Continues to use product
● Re-orders products
● Tells friends to buy product
Professor KlinkowsteinEmily Boschi fa 102b
User Experience Map Sketch:
Professor KlinkowsteinEmily Boschi fa 102b
User Experience Map:
Professor KlinkowsteinEmily Boschi fa 102b
Step name: “Naming”
Professor KlinkowsteinEmily Boschi fa 102b
Selected Words:
● Story
● Visual
● Future
Professor KlinkowsteinEmily Boschi fa 102b
Created Brand Name:
"Vire"
Professor KlinkowsteinEmily Boschi fa 102b
Step name: “Logotype”
Professor KlinkowsteinEmily Boschi fa 102b
Research Logotypes:
Professor KlinkowsteinEmily Boschi fa 102b
Final Logotype:
Professor KlinkowsteinEmily Boschi fa 102b
Step name: “Mission Statement”
Professor KlinkowsteinEmily Boschi fa 102b
Product or Service Description FB Page Research
"Kérastase, the world’s leading exclusive luxury haircare
treatment line, found its way to American shores in May 1999.
Kérastase arrived in salons with a unique approach to haircare,
one that demonstrated both a passion for beauty and a
commitment to well being."
Professor KlinkowsteinEmily Boschi fa 102b
Product or Service Description FB Page Research
"At Odele, we create clean, premium beauty essentials for you
and your people. We are relentless in our pursuit of what
works, and we settle for nothing less than what delivers on our
high standards for quality, effectiveness and safety."
Professor KlinkowsteinEmily Boschi fa 102b
Mission Statement:
"Vire's mission is to create your perfect hair care experience. We
consider your individual needs and preferences to formulate products
that are as unique as you are. This is a prototype concept created for
educational purposes and is not a real product or service."
"App that factors weather, preferences and hair type to curate custom
haircare"

More Related Content

Similar to Fa102 b, Social Media and Web Design 3

Untitled presentation (2)
Untitled presentation (2)Untitled presentation (2)
Untitled presentation (2)IssybellaLang
 
Presentation work in progress
Presentation work in progressPresentation work in progress
Presentation work in progressh702367529
 
Untitled presentation (3)
Untitled presentation (3)Untitled presentation (3)
Untitled presentation (3)IssybellaLang
 
Work in Progress 3b
Work in Progress 3bWork in Progress 3b
Work in Progress 3bh702367529
 
Web design slide presentation
Web design slide presentation Web design slide presentation
Web design slide presentation Tulsi Jipp
 
Fa102b powerpoint
Fa102b powerpointFa102b powerpoint
Fa102b powerpointvdk1992
 
Final Slide Edit
Final Slide EditFinal Slide Edit
Final Slide Edith702367529
 
Untitled presentation
Untitled presentationUntitled presentation
Untitled presentationIssybellaLang
 
Interactive Video Search - Tutorial at ACM Multimedia 2015
Interactive Video Search - Tutorial at ACM Multimedia 2015Interactive Video Search - Tutorial at ACM Multimedia 2015
Interactive Video Search - Tutorial at ACM Multimedia 2015klschoef
 
At the Core it's about Needs - uxcamphh
At the Core it's about Needs - uxcamphhAt the Core it's about Needs - uxcamphh
At the Core it's about Needs - uxcamphhBritta Ullrich
 
Design up front is back! v2
Design up front is back! v2Design up front is back! v2
Design up front is back! v2Ari Tanninen
 

Similar to Fa102 b, Social Media and Web Design 3 (19)

Untitled presentation (2)
Untitled presentation (2)Untitled presentation (2)
Untitled presentation (2)
 
Assignment 6
Assignment 6Assignment 6
Assignment 6
 
Esposito Michael FA102B
Esposito Michael FA102BEsposito Michael FA102B
Esposito Michael FA102B
 
Presentation work in progress
Presentation work in progressPresentation work in progress
Presentation work in progress
 
Untitled presentation (3)
Untitled presentation (3)Untitled presentation (3)
Untitled presentation (3)
 
Work in Progress 3b
Work in Progress 3bWork in Progress 3b
Work in Progress 3b
 
Web design slide presentation
Web design slide presentation Web design slide presentation
Web design slide presentation
 
102b powerpoint
102b powerpoint102b powerpoint
102b powerpoint
 
Fa102b powerpoint
Fa102b powerpointFa102b powerpoint
Fa102b powerpoint
 
1
11
1
 
Step 5
Step 5Step 5
Step 5
 
Final Slide Edit
Final Slide EditFinal Slide Edit
Final Slide Edit
 
Untitled presentation
Untitled presentationUntitled presentation
Untitled presentation
 
Interactive Video Search - Tutorial at ACM Multimedia 2015
Interactive Video Search - Tutorial at ACM Multimedia 2015Interactive Video Search - Tutorial at ACM Multimedia 2015
Interactive Video Search - Tutorial at ACM Multimedia 2015
 
New class1
New class1New class1
New class1
 
At the Core it's about Needs - uxcamphh
At the Core it's about Needs - uxcamphhAt the Core it's about Needs - uxcamphh
At the Core it's about Needs - uxcamphh
 
Step 6
Step 6Step 6
Step 6
 
Fa102b
Fa102bFa102b
Fa102b
 
Design up front is back! v2
Design up front is back! v2Design up front is back! v2
Design up front is back! v2
 

Recently uploaded

Want to Amplify Your Pinterest Content?...
Want to Amplify Your Pinterest Content?...Want to Amplify Your Pinterest Content?...
Want to Amplify Your Pinterest Content?...SocioCosmos
 
MalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdfMalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdfgouravsarath45
 
The Colossal Studio Events Packages.pdf
The Colossal Studio  Events Packages.pdfThe Colossal Studio  Events Packages.pdf
The Colossal Studio Events Packages.pdfshybree
 
Unlock Facebook Success with Sociocosmos
Unlock Facebook Success with SociocosmosUnlock Facebook Success with Sociocosmos
Unlock Facebook Success with SociocosmosSocioCosmos
 
How to blow up on social media simple di
How to blow up on social media simple diHow to blow up on social media simple di
How to blow up on social media simple diRachaelOnuche
 
MalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdfMalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdfprithvikumar6695#S07
 
Looking to Drive Traffic from Pinterest?
Looking to Drive Traffic from Pinterest?Looking to Drive Traffic from Pinterest?
Looking to Drive Traffic from Pinterest?SocioCosmos
 

Recently uploaded (7)

Want to Amplify Your Pinterest Content?...
Want to Amplify Your Pinterest Content?...Want to Amplify Your Pinterest Content?...
Want to Amplify Your Pinterest Content?...
 
MalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdfMalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdf
 
The Colossal Studio Events Packages.pdf
The Colossal Studio  Events Packages.pdfThe Colossal Studio  Events Packages.pdf
The Colossal Studio Events Packages.pdf
 
Unlock Facebook Success with Sociocosmos
Unlock Facebook Success with SociocosmosUnlock Facebook Success with Sociocosmos
Unlock Facebook Success with Sociocosmos
 
How to blow up on social media simple di
How to blow up on social media simple diHow to blow up on social media simple di
How to blow up on social media simple di
 
MalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdfMalluProgrammers. Careeradvice.Webinarppt.pdf
MalluProgrammers. Careeradvice.Webinarppt.pdf
 
Looking to Drive Traffic from Pinterest?
Looking to Drive Traffic from Pinterest?Looking to Drive Traffic from Pinterest?
Looking to Drive Traffic from Pinterest?
 

Fa102 b, Social Media and Web Design 3