SlideShare a Scribd company logo
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

Presentation work in progress
Presentation work in progressPresentation work in progress
Presentation work in progress
h702367529
 
Work in Progress 3b
Work in Progress 3bWork in Progress 3b
Work in Progress 3b
h702367529
 
Untitled presentation (2)
Untitled presentation (2)Untitled presentation (2)
Untitled presentation (2)
IssybellaLang
 
Fa102b powerpoint
Fa102b powerpointFa102b powerpoint
Fa102b powerpoint
vdk1992
 
Creative Marketing Plan 2010
Creative Marketing Plan 2010Creative Marketing Plan 2010
Creative Marketing Plan 2010
lingjieguan
 
Untitled presentation (3)
Untitled presentation (3)Untitled presentation (3)
Untitled presentation (3)
IssybellaLang
 
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...
Craig Daniel
 
102b powerpoint
102b powerpoint102b powerpoint
102b powerpoint
IssybellaLang
 
Culture Opus presentation
Culture Opus presentationCulture Opus presentation
Culture Opus presentation
Sachin Sharma
 
Martin Bradshaw
Martin BradshawMartin Bradshaw
Martin Bradshaw
MartinBradshaw6
 
Lead Generation Guide | Tutor Hero
Lead Generation Guide | Tutor HeroLead Generation Guide | Tutor Hero
Lead Generation Guide | Tutor Hero
CE
 
Designing Tangible Business Models
Designing Tangible Business ModelsDesigning Tangible Business Models
Designing Tangible Business Models
Camilla van den Boom
 

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
 
Creative Marketing Plan 2010
Creative Marketing Plan 2010Creative Marketing Plan 2010
Creative Marketing Plan 2010
 
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
 
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

UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 

Recently uploaded (20)

UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 

Fa 102 b, social media and web design 5