Where "Brand" meets "Internet
Transcript of Where "Brand" meets "Internet
![Page 1: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/1.jpg)
Sweet Lemon
Today we will talk about
Web 2.0
Joost LandsheereSweet Lemon
![Page 2: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/2.jpg)
Sweet Lemon
Today we will talk about
Web 2. 0
![Page 3: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/3.jpg)
Sweet Lemon
Today we will talk about
Web 2. 0
![Page 4: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/4.jpg)
Sweet Lemon
Today we will talk about
Web 2 0
![Page 5: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/5.jpg)
Sweet Lemon
What is Web 2.0
User Participation User Generated Content User Centric Design (social) Networking Rich Internet Application A never ending story ...
} USER EXPERIENCE
source: Mike Wesch
![Page 6: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/6.jpg)
Sweet Lemon
What is User Experience
CONTEXT
USERS
text
videosound
informative
interactive news
blogs
CONTENT
user generated content
audio
![Page 7: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/7.jpg)
Sweet Lemon
What is an “experience”
sensation
interactionproductservice
event
through all of our sensesover time
physical & cognitive
EXPERIENCE
source: Nathan Shedroff
![Page 8: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/8.jpg)
Sweet Lemon
source: Natalie Dee
![Page 9: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/9.jpg)
Sweet Lemon
Internet as Platform
Content Commerce Community Context
Web = VS + 4C’s + P
Personalization Vertical Search
}
![Page 10: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/10.jpg)
Sweet Lemon
So ?
source: Natalie Dee
![Page 11: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/11.jpg)
Sweet Lemon
Where ‘Internet’ meets ‘Brand’
Content Commerce Community Context
= INTERNET
= BRAND
![Page 12: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/12.jpg)
Sweet Lemon
and become ‘one experience’
INTERNET BRANDEXPERIENCE
![Page 13: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/13.jpg)
Sweet Lemon
The fun can start ...
source: Natalie Dee
![Page 14: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/14.jpg)
Sweet Lemon
How to build a website ...
that supports my brand ?
that communicates the right message ?
that can reach the right people ?
that activates interaction with the brand ?
that detects new prospects ?
![Page 15: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/15.jpg)
Sweet Lemon
And the story never ends ...
maintenance
updates
evolution
![Page 16: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/16.jpg)
Sweet Lemon
The answer is
a good story
![Page 17: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/17.jpg)
Sweet Lemon
What’s the scope ?
Do we want to inform ?
![Page 18: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/18.jpg)
Sweet Lemon
What’s the scope ?
Do we want an experience ?
![Page 19: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/19.jpg)
Sweet Lemon
What’s the scope ?
Is it a campaign ?
![Page 20: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/20.jpg)
Sweet Lemon
What’s the scope ?
Is it a campaign ?
![Page 21: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/21.jpg)
Sweet Lemon
What’s the scope ?
Is it the result of a communication strategy ?
![Page 22: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/22.jpg)
Sweet Lemon
Anyway...
The user needs the experience You need to define the scope
Create a conceptOffer an experience
![Page 23: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/23.jpg)
Sweet Lemon
Creative Brief
Creative Brief (client) Creative Briefing (interna) Brainstorm Creative Team Review P&K
![Page 24: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/24.jpg)
Sweet Lemon
Who are we talking to ?
Who are the (main) target groups ?
• Prospects• Clients• Jobs• Brand lovers
![Page 25: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/25.jpg)
Sweet Lemon
What does our client want ?
Be a luxury brand: experience Present new products Present collections Registrations
![Page 26: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/26.jpg)
Sweet Lemon
What do our users want ?
What do they want ?
• Information About ? What kind of information ?
• Pre-sales or Post-sales ? Inform before buying a product ? Confirm choice
• Search for dealers• Win ...• Participate
![Page 27: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/27.jpg)
Sweet Lemon
How do people find you ?
Communication campaigns Search Incoming Links (from other websites) Direct URL Returning visitors Brand reputation
![Page 28: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/28.jpg)
Sweet Lemon
How ?
Define Content Strategy
• Desk research: Competitors Existing offer online Analysis of existing website statistics or user tracking Research (InSites, Forrester, ...)
• Workshop to define user needs With clients With users: focus groups
• Know-How
![Page 29: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/29.jpg)
Sweet Lemon
Content overview
List all content items List functionalities
![Page 30: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/30.jpg)
Sweet Lemon
Information Architecture
Structure the content (user-centric)
• Flowchart: Bottom-up• Navigation scheme
![Page 31: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/31.jpg)
Sweet Lemon
Landing Page(language Selection)
Homepage News & EventsContact Us Using the Fabrics
Design With our Fabrics
About JDC JDC Agents
Browse by Quality Color picker
References
Results List(color option)
Product Detail (focus production)
Quality Certificate Detail Agent
FormTech Sheet Download
Results List(quality option)Product Detail(focus design)
Request Color Charts
opening text Europe mapName
Address
Email 1
phone
Route
Contact UsAbout JDC JDC AgentsNews & Events
List items
Detail article
Article
References
List items
Reference x
Detail reference
Using the Fabrics
Design With our Fabrics
News & Events
References
Homepage
Download document
Form
opening text
IA Proposal JDC Website - jan.2008
![Page 32: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/32.jpg)
Sweet Lemon
Wireframes
Mock-up of homepage with navigation scheme Mock-up of all pages and/or templates
Basis for:• designers• development• copywriting
![Page 33: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/33.jpg)
Sweet Lemon
Color charts Using our fabrics Design with our fabrics
nl fr en
Subscribe Newsletter
about JDC Contact us JDC Agents
Banner
News & Events
Visual Used to set the corporate Image: the design Focus on results.
JDC is not only selling fabrics, we also stay in touch with the market. And we want to share this with you
List of news & events
Subscribe Newsletter
Name
Company Name
e-mail address
subscribe >
Color Picker preview
Colorpicker
Address information
IA Proposal JDC Website - jan.2008
Send to a colleague
![Page 34: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/34.jpg)
Sweet Lemon
Content & Web Copy
Long copy• as short as possible
Structure
Essential info in titles & on top
Translations
![Page 35: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/35.jpg)
Sweet Lemon
Content
Text
Animation
Video
Photo
Audio
![Page 36: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/36.jpg)
Sweet Lemon
Who ?
New web copy (soon)
Freelance copywriters
Content Producers
![Page 37: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/37.jpg)
Sweet Lemon
Interface design
Conceptual design
Apply housestyle
Art Direction
![Page 38: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/38.jpg)
Sweet Lemon
How ?
Homepage + sub pages
After approval: design all pages (based on wireframes)
![Page 39: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/39.jpg)
Sweet Lemon
Software Architect
Functional Analysis
How are we going to produce it ?• Which techology• Describe functionalities
![Page 40: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/40.jpg)
Sweet Lemon
Dynamic vs Static
Content changes frequently ? How many languages ?
Dynamic:• Content in database
CMS:• Manage content without technical knowledge• Partly / complete site
![Page 41: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/41.jpg)
Sweet Lemon
Back-end
Administration Pages to manage content Login with different user roles Database-driven
![Page 42: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/42.jpg)
Sweet Lemon
Front-end
Interface production:
• html / css
• flash
• hybrid
![Page 43: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/43.jpg)
Sweet Lemon
Scripting: Front-end & Back-end
ASP Php Open source / closed source CMS
Integration
![Page 44: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/44.jpg)
Sweet Lemon
Testing
Internal testing & debugging
External testing & debugging: client
![Page 45: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/45.jpg)
Sweet Lemon
Live
Production server
Live server• Hosting
Maintenance
![Page 46: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/46.jpg)
Sweet Lemon
Timing
2 to 3 months
more ...
![Page 47: Where "Brand" meets "Internet](https://reader033.fdocuments.in/reader033/viewer/2022060116/55841ebcd8b42aa81e8b4793/html5/thumbnails/47.jpg)
Sweet Lemon
Budget
depends ...