SlideShare a Scribd company logo
1 of 44
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:
Hello User products
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"
Professor KlinkowsteinEmily Boschi fa 102b
Step name: “Facebook Page”
Professor KlinkowsteinEmily Boschi fa 102b
Facebook Homepage
Professor KlinkowsteinEmily Boschi fa 102b
Editorial Calendar
Professor KlinkowsteinEmily Boschi fa 102b
Post 1
Professor KlinkowsteinEmily Boschi fa 102b
Post 2
Professor KlinkowsteinEmily Boschi fa 102b
Post 3
Professor KlinkowsteinEmily Boschi fa 102b
Post 4
Professor KlinkowsteinEmily Boschi fa 102b
Comments
Professor KlinkowsteinEmily Boschi fa 102b
Step name: “Website Visual Prototype”
Professor KlinkowsteinEmily Boschi fa 102b
Website Research
Professor KlinkowsteinEmily Boschi fa 102b
Website Research
Professor KlinkowsteinEmily Boschi fa 102b
Website Research
Professor KlinkowsteinEmily Boschi fa 102b
Website Wireframe
Professor KlinkowsteinEmily Boschi fa 102b
Website Prototype Design
Professor KlinkowsteinEmily Boschi fa 102b
Website Prototype Design
Professor KlinkowsteinEmily Boschi fa 102b
Website Prototype Design
https://invis.io/TXX6JTE4JQH#/416650163_2website_Prototype-02

More Related Content

Similar to Fa 102 b, social media and web design 5

Similar to Fa 102 b, social media and web design 5 (20)

5
55
5
 
Presentation work in progress
Presentation work in progressPresentation work in progress
Presentation work in progress
 
Work in Progress 3b
Work in Progress 3bWork in Progress 3b
Work in Progress 3b
 
4
44
4
 
Untitled presentation (2)
Untitled presentation (2)Untitled presentation (2)
Untitled presentation (2)
 
Assignment 6
Assignment 6Assignment 6
Assignment 6
 
New class1
New class1New class1
New class1
 
Fa102b powerpoint
Fa102b powerpointFa102b powerpoint
Fa102b powerpoint
 
S lides
S lidesS lides
S lides
 
Step 5
Step 5Step 5
Step 5
 
Step 6
Step 6Step 6
Step 6
 
Untitled presentation (3)
Untitled presentation (3)Untitled presentation (3)
Untitled presentation (3)
 
Craig Daniel - Learning From Failure - Lean Startup Circle Boston - September...
Craig Daniel - Learning From Failure - Lean Startup Circle Boston - September...Craig Daniel - Learning From Failure - Lean Startup Circle Boston - September...
Craig Daniel - Learning From Failure - Lean Startup Circle Boston - September...
 
102b powerpoint
102b powerpoint102b powerpoint
102b powerpoint
 
Culture Opus presentation
Culture Opus presentationCulture Opus presentation
Culture Opus presentation
 
1
11
1
 
Martin Bradshaw
Martin BradshawMartin Bradshaw
Martin Bradshaw
 
Lead Generation Guide | Tutor Hero
Lead Generation Guide | Tutor HeroLead Generation Guide | Tutor Hero
Lead Generation Guide | Tutor Hero
 
Designing Tangible Business Models
Designing Tangible Business ModelsDesigning Tangible Business Models
Designing Tangible Business Models
 
Campaign3Vidyo
Campaign3VidyoCampaign3Vidyo
Campaign3Vidyo
 

Recently uploaded

FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfoliodhrumibshah13
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Projectbuvanatest
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...Amil baba
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxDoraemon495609
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfChan Thorn
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkWave PLM
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationajroy0196
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headersekinlvnt
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfDuyDo100
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)☕ 🥧 🚲 Martin Gude
 

Recently uploaded (20)

FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdf
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to Catwalk
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 

Fa 102 b, social media and web design 5