SlideShare a Scribd company logo
ASHORTGUIDETOWEBSITEPLANNING
ANDINFORMATIONARCHITECTURE
THEIMPORTANCEOF PLANNING
By understanding the website’s objectives, you will create a better
experience for users, i.e. new and existing customers.
Defining long and short-term goals keeps your website focused in the right
areas.
Control website cost and build time – release over time to complete quickly
and within budget.
1. KNOWTHYSELF
WHAT DOES YOUR BRAND STAND FOR?
WHAT IS YOUR KEY MESSAGE?
WHAT TYPE OF MARKET DO YOU OPERATE IN?
WHO IS YOUR COMPETITION?
WHAT IS YOUR USP?
Image credit: http://www.ikea.com/gb/en/catalog/products/40213759/
2. UNDERSTANDTARGETUSERS
WHAT IS THEIR GENDER, AGE, PROFESSION, INCOME BRACKET ETC?
WHAT IS THEIR LOCATION, NATIONALITY, CULTURE?
WHAT ARE THEIR INTERESTS AND WHAT DO THEY WANT TO KNOW?
HOW DO THEY WANT TO RECEIVE INFORMATION?
HOW WELL DO THEY INTERACT WITH AND RESPOND TO TECHNOLOGY?
3. THE PLANNINGPROCESS
GATHER CONTENT DURING PLANNING NOT AFTER – THIS HELPS CATEGORISE AND PLAN
PAGE STRUCTURE.
• Write for the web and use words your audience will know and understand
• Choose colours carefully
• Optimise content, images and video
• Keep download sizes as small as possible
• File formats should be accessible to everyone
4. THESITEMAP
A SITE MAP IS A VISUAL OR TEXTUAL MODEL OF A WEBSITE’S CONTENT THAT HELPS USER
NAVIGATE THROUGH THE SITE TO FIND WHAT THEY WANT.
It normally includes:
• User journey
• Types of page
• Navigational groupings
• Secure areas
5. WIREFRAMES
A WIREFRAME SHOULD BE PRODUCED FOR EACH TYPE
OF PAGE, E.G. HOME PAGE, PRODUCT PAGE, BLOG
ARTICLE
• Simple line drawing that shows how the
information planned for each page should
be displayed and organised
• Keeps the site consistent by identifying
common elements
• Foundation of user interface – the graphical
design skins this layout
CASESTUDY:KABA
GLOBAL PROVIDER OF INNOVATIVE SECURITY
SOLUTIONS
EXTENSIVE PLANNING PERIOD TO REORGANISE
AND REDESIGN GLOBAL AND COUNTRY WEBSITES
OBJECTIVE WAS TO CREATE A MORE INTERACTIVE
WEBSITE FOR USERS AND A CLEARER PATH TO
INFORMATION
DESIGN WITHIN THE EXISTING BRAND
CASESTUDY:KABA
CASESTUDY:KABA
WANTMORE?
SO, YOU WANT A WEBSITE? A GUIDE TO PLANNING, BUILDING AND TESTING
PART 1: HTTP://BIT.LY/PTIPXY
PART 2: HTTP://BIT.LY/1E5A1BK
PART 3: HTTP://BIT.LY/1E5A1BK
FRIGHTFUL CONTENT: HOW TO SCARE AWAY YOUR AUDIENCE
HTTP://BIT.LY/1HXCRND
5 WEB DESIGN MISTAKES THAT COULD BE HARMING YOUR WEBSITE’S
CONVERSION RATE
HTTP://BIT.LY/1JO53NE
FULL-SERVICEDIGITALAGENCY
BASEDINLONDONANDTHEGCC
OVER25FULL-TIMESTAFF
ABOUT US
MINTTWIST.COM

More Related Content

Viewers also liked

Transforming Semantic Web Ideas to Information Architecture
Transforming Semantic Web Ideas to Information ArchitectureTransforming Semantic Web Ideas to Information Architecture
Transforming Semantic Web Ideas to Information Architecture
Vestforsk.no
 
"The Polar Bear Book" Chapter 4
"The Polar Bear Book" Chapter 4"The Polar Bear Book" Chapter 4
"The Polar Bear Book" Chapter 4
Andrea Wiggins
 
Information Architecture class5 02 06
Information Architecture class5 02 06Information Architecture class5 02 06
Information Architecture class5 02 06
Marti Gukeisen
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011
Robert Stribley
 
Information architecture for websites and intranets
Information architecture for websites and intranetsInformation architecture for websites and intranets
Information architecture for websites and intranets
Content Formula
 
The basic concepts of information architecture
The basic concepts of information architectureThe basic concepts of information architecture
The basic concepts of information architectureTigran Zargaryan
 
Information Architecture the Basics - User Needs
Information Architecture the Basics - User NeedsInformation Architecture the Basics - User Needs
Information Architecture the Basics - User Needs
Kero Yu
 
Intro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesIntro to Information Architecture for Web Sites
Intro to Information Architecture for Web Sites
Chris Farnum
 
Introducción a la arquitectura de información - prototipos
Introducción a la arquitectura de información - prototiposIntroducción a la arquitectura de información - prototipos
Introducción a la arquitectura de información - prototipos
Percy Negrete
 
SVA Fall 1210
SVA Fall 1210SVA Fall 1210
SVA Fall 1210
Robert Stribley
 
An IA Framework
An IA FrameworkAn IA Framework
An IA Framework
Atsushi HASEGAWA, Ph.D.
 
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Robert Stribley
 
Information Architecture class6 02 12
Information Architecture class6 02 12Information Architecture class6 02 12
Information Architecture class6 02 12
Marti Gukeisen
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information ArchitectureYaroslav Azhnyuk
 
Introduction to Architecture in the Information Age
Introduction to Architecture in the Information AgeIntroduction to Architecture in the Information Age
Introduction to Architecture in the Information Age
MartynDR
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction Asis Panda
 
第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」
第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」
第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」
smokey monkey
 
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Robert Stribley
 
Site-it!: Information Architecture Prototyping Tool
Site-it!: Information Architecture Prototyping ToolSite-it!: Information Architecture Prototyping Tool
Site-it!: Information Architecture Prototyping Tool
Atsushi HASEGAWA, Ph.D.
 

Viewers also liked (20)

Information architecture
Information architectureInformation architecture
Information architecture
 
Transforming Semantic Web Ideas to Information Architecture
Transforming Semantic Web Ideas to Information ArchitectureTransforming Semantic Web Ideas to Information Architecture
Transforming Semantic Web Ideas to Information Architecture
 
"The Polar Bear Book" Chapter 4
"The Polar Bear Book" Chapter 4"The Polar Bear Book" Chapter 4
"The Polar Bear Book" Chapter 4
 
Information Architecture class5 02 06
Information Architecture class5 02 06Information Architecture class5 02 06
Information Architecture class5 02 06
 
SVA Workshop - Fall 121011
SVA Workshop - Fall 121011SVA Workshop - Fall 121011
SVA Workshop - Fall 121011
 
Information architecture for websites and intranets
Information architecture for websites and intranetsInformation architecture for websites and intranets
Information architecture for websites and intranets
 
The basic concepts of information architecture
The basic concepts of information architectureThe basic concepts of information architecture
The basic concepts of information architecture
 
Information Architecture the Basics - User Needs
Information Architecture the Basics - User NeedsInformation Architecture the Basics - User Needs
Information Architecture the Basics - User Needs
 
Intro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesIntro to Information Architecture for Web Sites
Intro to Information Architecture for Web Sites
 
Introducción a la arquitectura de información - prototipos
Introducción a la arquitectura de información - prototiposIntroducción a la arquitectura de información - prototipos
Introducción a la arquitectura de información - prototipos
 
SVA Fall 1210
SVA Fall 1210SVA Fall 1210
SVA Fall 1210
 
An IA Framework
An IA FrameworkAn IA Framework
An IA Framework
 
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13Introduction to Information Architecture & Design - SVA Workshop 12/07/13
Introduction to Information Architecture & Design - SVA Workshop 12/07/13
 
Information Architecture class6 02 12
Information Architecture class6 02 12Information Architecture class6 02 12
Information Architecture class6 02 12
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information Architecture
 
Introduction to Architecture in the Information Age
Introduction to Architecture in the Information AgeIntroduction to Architecture in the Information Age
Introduction to Architecture in the Information Age
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction
 
第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」
第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」
第2回とにかくこれを聴けカンファレンス「"NewJackSwing" changed the world」
 
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
 
Site-it!: Information Architecture Prototyping Tool
Site-it!: Information Architecture Prototyping ToolSite-it!: Information Architecture Prototyping Tool
Site-it!: Information Architecture Prototyping Tool
 

Similar to A Short Guide to Website Planning and Information Architecture

Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
iFactory
 
Website Design and Development step-by-step.docx
Website Design and Development step-by-step.docxWebsite Design and Development step-by-step.docx
Website Design and Development step-by-step.docx
Appxperts Solution
 
Redesign Proposal: Novaspaceart.com
Redesign Proposal: Novaspaceart.comRedesign Proposal: Novaspaceart.com
Redesign Proposal: Novaspaceart.com
Gary Schroeder
 
Sample Website Proposal Presentation
Sample Website Proposal PresentationSample Website Proposal Presentation
Sample Website Proposal Presentation
Reach China Holdings Limited
 
Information Architecture in Real Life - Part I
Information Architecture in Real Life - Part IInformation Architecture in Real Life - Part I
Information Architecture in Real Life - Part I
Are Halland
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
substance151
 
Anupriy Kanti - Content Strategy Portfolio_August 2016
Anupriy Kanti - Content Strategy Portfolio_August 2016Anupriy Kanti - Content Strategy Portfolio_August 2016
Anupriy Kanti - Content Strategy Portfolio_August 2016
Anupriy Kanti
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpagemandika
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpagemandika
 
Information Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best PracticesInformation Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best Practices
Francis Zablocki
 
Web Live! Developing a Web Information Service
Web Live! Developing a Web Information ServiceWeb Live! Developing a Web Information Service
Web Live! Developing a Web Information Service
Jesús Tramullas
 
Chapter 2 | Website design & development
Chapter 2  | Website design & developmentChapter 2  | Website design & development
Chapter 2 | Website design & development
MikaStuttaford
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pf
MikaStuttaford
 
Six tips for cross-cultural UX
Six tips for cross-cultural UXSix tips for cross-cultural UX
Six tips for cross-cultural UX
Oban International
 
Planning Your Web Build - The Blueprint for Digital Performance
Planning Your Web Build - The Blueprint for Digital PerformancePlanning Your Web Build - The Blueprint for Digital Performance
Planning Your Web Build - The Blueprint for Digital Performance
Gareth Cartman
 
Creating the blueprint for digital performance
Creating the blueprint for digital performanceCreating the blueprint for digital performance
Creating the blueprint for digital performance
semrush_webinars
 
Distributing Content to the Omnichannel Traveler
Distributing Content to the Omnichannel Traveler Distributing Content to the Omnichannel Traveler
Distributing Content to the Omnichannel Traveler
Robert Simon
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.docbutest
 
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or FailureWebsite Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
Aurum IT
 
Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?
Atlas Integrated
 

Similar to A Short Guide to Website Planning and Information Architecture (20)

Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
 
Website Design and Development step-by-step.docx
Website Design and Development step-by-step.docxWebsite Design and Development step-by-step.docx
Website Design and Development step-by-step.docx
 
Redesign Proposal: Novaspaceart.com
Redesign Proposal: Novaspaceart.comRedesign Proposal: Novaspaceart.com
Redesign Proposal: Novaspaceart.com
 
Sample Website Proposal Presentation
Sample Website Proposal PresentationSample Website Proposal Presentation
Sample Website Proposal Presentation
 
Information Architecture in Real Life - Part I
Information Architecture in Real Life - Part IInformation Architecture in Real Life - Part I
Information Architecture in Real Life - Part I
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
 
Anupriy Kanti - Content Strategy Portfolio_August 2016
Anupriy Kanti - Content Strategy Portfolio_August 2016Anupriy Kanti - Content Strategy Portfolio_August 2016
Anupriy Kanti - Content Strategy Portfolio_August 2016
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpage
 
Weave Your Own Webpage
Weave Your Own WebpageWeave Your Own Webpage
Weave Your Own Webpage
 
Information Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best PracticesInformation Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best Practices
 
Web Live! Developing a Web Information Service
Web Live! Developing a Web Information ServiceWeb Live! Developing a Web Information Service
Web Live! Developing a Web Information Service
 
Chapter 2 | Website design & development
Chapter 2  | Website design & developmentChapter 2  | Website design & development
Chapter 2 | Website design & development
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pf
 
Six tips for cross-cultural UX
Six tips for cross-cultural UXSix tips for cross-cultural UX
Six tips for cross-cultural UX
 
Planning Your Web Build - The Blueprint for Digital Performance
Planning Your Web Build - The Blueprint for Digital PerformancePlanning Your Web Build - The Blueprint for Digital Performance
Planning Your Web Build - The Blueprint for Digital Performance
 
Creating the blueprint for digital performance
Creating the blueprint for digital performanceCreating the blueprint for digital performance
Creating the blueprint for digital performance
 
Distributing Content to the Omnichannel Traveler
Distributing Content to the Omnichannel Traveler Distributing Content to the Omnichannel Traveler
Distributing Content to the Omnichannel Traveler
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or FailureWebsite Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
 
Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?
 

More from MintTwist

The Beginner's Guide to SEO
The Beginner's Guide to SEOThe Beginner's Guide to SEO
The Beginner's Guide to SEO
MintTwist
 
Digital marketing measurement
Digital marketing measurementDigital marketing measurement
Digital marketing measurement
MintTwist
 
International women's day
International women's dayInternational women's day
International women's dayMintTwist
 
Can Barbie survive the digital age
Can Barbie survive the digital ageCan Barbie survive the digital age
Can Barbie survive the digital ageMintTwist
 
Design 101- 3 Basic Layouts
Design 101- 3 Basic LayoutsDesign 101- 3 Basic Layouts
Design 101- 3 Basic Layouts
MintTwist
 
Digital advertising 2014 a year in review
Digital advertising 2014  a year in reviewDigital advertising 2014  a year in review
Digital advertising 2014 a year in review
MintTwist
 
7 steps to setting up successful LinkedIn ad campaigns
7 steps to setting up successful LinkedIn ad campaigns7 steps to setting up successful LinkedIn ad campaigns
7 steps to setting up successful LinkedIn ad campaigns
MintTwist
 
4 Things Preventing Your Brand From Fulfilling Its Creative Potential
4 Things Preventing Your Brand From Fulfilling Its Creative Potential4 Things Preventing Your Brand From Fulfilling Its Creative Potential
4 Things Preventing Your Brand From Fulfilling Its Creative Potential
MintTwist
 
Guest Blogging: Alive and Kicking
Guest Blogging: Alive and KickingGuest Blogging: Alive and Kicking
Guest Blogging: Alive and Kicking
MintTwist
 
Spice up content marketing pdf
Spice up content marketing pdfSpice up content marketing pdf
Spice up content marketing pdf
MintTwist
 
5 steps to future proof your website
5 steps to future proof your website5 steps to future proof your website
5 steps to future proof your website
MintTwist
 
7 Dwarves of Content Marketing
7 Dwarves of Content Marketing7 Dwarves of Content Marketing
7 Dwarves of Content Marketing
MintTwist
 
Can social media predict the future?
Can social media predict the future?Can social media predict the future?
Can social media predict the future?
MintTwist
 
Overcoming multi-channel engagement challenges
Overcoming multi-channel engagement challengesOvercoming multi-channel engagement challenges
Overcoming multi-channel engagement challenges
MintTwist
 
Digital China - internet habits infographic
Digital China - internet habits infographicDigital China - internet habits infographic
Digital China - internet habits infographic
MintTwist
 
End of year digital review: what happened and predictions for 2014
End of year digital review: what happened and predictions for 2014End of year digital review: what happened and predictions for 2014
End of year digital review: what happened and predictions for 2014
MintTwist
 
Multi channel workshop presentation
Multi channel workshop presentationMulti channel workshop presentation
Multi channel workshop presentation
MintTwist
 
Mobile: getting started
Mobile: getting startedMobile: getting started
Mobile: getting started
MintTwist
 
European Internet Habits Infographic
European Internet Habits InfographicEuropean Internet Habits Infographic
European Internet Habits Infographic
MintTwist
 
BIMA D-day presentation
BIMA D-day presentationBIMA D-day presentation
BIMA D-day presentation
MintTwist
 

More from MintTwist (20)

The Beginner's Guide to SEO
The Beginner's Guide to SEOThe Beginner's Guide to SEO
The Beginner's Guide to SEO
 
Digital marketing measurement
Digital marketing measurementDigital marketing measurement
Digital marketing measurement
 
International women's day
International women's dayInternational women's day
International women's day
 
Can Barbie survive the digital age
Can Barbie survive the digital ageCan Barbie survive the digital age
Can Barbie survive the digital age
 
Design 101- 3 Basic Layouts
Design 101- 3 Basic LayoutsDesign 101- 3 Basic Layouts
Design 101- 3 Basic Layouts
 
Digital advertising 2014 a year in review
Digital advertising 2014  a year in reviewDigital advertising 2014  a year in review
Digital advertising 2014 a year in review
 
7 steps to setting up successful LinkedIn ad campaigns
7 steps to setting up successful LinkedIn ad campaigns7 steps to setting up successful LinkedIn ad campaigns
7 steps to setting up successful LinkedIn ad campaigns
 
4 Things Preventing Your Brand From Fulfilling Its Creative Potential
4 Things Preventing Your Brand From Fulfilling Its Creative Potential4 Things Preventing Your Brand From Fulfilling Its Creative Potential
4 Things Preventing Your Brand From Fulfilling Its Creative Potential
 
Guest Blogging: Alive and Kicking
Guest Blogging: Alive and KickingGuest Blogging: Alive and Kicking
Guest Blogging: Alive and Kicking
 
Spice up content marketing pdf
Spice up content marketing pdfSpice up content marketing pdf
Spice up content marketing pdf
 
5 steps to future proof your website
5 steps to future proof your website5 steps to future proof your website
5 steps to future proof your website
 
7 Dwarves of Content Marketing
7 Dwarves of Content Marketing7 Dwarves of Content Marketing
7 Dwarves of Content Marketing
 
Can social media predict the future?
Can social media predict the future?Can social media predict the future?
Can social media predict the future?
 
Overcoming multi-channel engagement challenges
Overcoming multi-channel engagement challengesOvercoming multi-channel engagement challenges
Overcoming multi-channel engagement challenges
 
Digital China - internet habits infographic
Digital China - internet habits infographicDigital China - internet habits infographic
Digital China - internet habits infographic
 
End of year digital review: what happened and predictions for 2014
End of year digital review: what happened and predictions for 2014End of year digital review: what happened and predictions for 2014
End of year digital review: what happened and predictions for 2014
 
Multi channel workshop presentation
Multi channel workshop presentationMulti channel workshop presentation
Multi channel workshop presentation
 
Mobile: getting started
Mobile: getting startedMobile: getting started
Mobile: getting started
 
European Internet Habits Infographic
European Internet Habits InfographicEuropean Internet Habits Infographic
European Internet Habits Infographic
 
BIMA D-day presentation
BIMA D-day presentationBIMA D-day presentation
BIMA D-day presentation
 

Recently uploaded

Consumer Journey Mapping & Personalization Master Class - Sabrina Killgo
Consumer Journey Mapping & Personalization Master Class - Sabrina KillgoConsumer Journey Mapping & Personalization Master Class - Sabrina Killgo
Consumer Journey Mapping & Personalization Master Class - Sabrina Killgo
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Digital Strategy Master Class - Andrew Rupert
Digital Strategy Master Class - Andrew RupertDigital Strategy Master Class - Andrew Rupert
Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...
Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...
Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...
Auxis Consulting & Outsourcing
 
My Personal Brand Exploration by Mariano
My Personal Brand Exploration by MarianoMy Personal Brand Exploration by Mariano
My Personal Brand Exploration by Mariano
marianooscos
 
The What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital CommerceThe What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital Commerce
PushON Ltd
 
SEO Master Class - Steve Wiideman, Wiideman Consulting Group
SEO Master Class - Steve Wiideman,  Wiideman Consulting GroupSEO Master Class - Steve Wiideman,  Wiideman Consulting Group
SEO Master Class - Steve Wiideman, Wiideman Consulting Group
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya KellyHow to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Playlist and Paint Event with Sony Music U
Playlist and Paint Event with Sony Music UPlaylist and Paint Event with Sony Music U
Playlist and Paint Event with Sony Music U
SemajahParker
 
How to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that RanksHow to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that Ranks
minatamang0021
 
Coca Cola Branding Strategy and strategic marketing plan
Coca Cola Branding Strategy and strategic marketing planCoca Cola Branding Strategy and strategic marketing plan
Coca Cola Branding Strategy and strategic marketing plan
Maswer Ali
 
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel LeminTurn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Marketing as a Primary Revenue Driver - Lee Levitt
Marketing as a Primary Revenue Driver - Lee LevittMarketing as a Primary Revenue Driver - Lee Levitt
The New Era Of SEO - How AI Has Changed SEO Forever - Danny Leibrandt
The New Era Of SEO - How AI Has Changed SEO Forever - Danny LeibrandtThe New Era Of SEO - How AI Has Changed SEO Forever - Danny Leibrandt
The New Era Of SEO - How AI Has Changed SEO Forever - Danny Leibrandt
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
SEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital MarketingSEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital Marketing
Felipe Bazon
 
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
ThinkNow 2024 Consumer Financial Wellness Report
ThinkNow 2024 Consumer Financial Wellness ReportThinkNow 2024 Consumer Financial Wellness Report
ThinkNow 2024 Consumer Financial Wellness Report
ThinkNow
 
Digital Marketing Trends - Experts Insights on How
Digital Marketing Trends - Experts Insights on HowDigital Marketing Trends - Experts Insights on How
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel LeminTurn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly BulletinBLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BalmerLawrie
 

Recently uploaded (20)

Consumer Journey Mapping & Personalization Master Class - Sabrina Killgo
Consumer Journey Mapping & Personalization Master Class - Sabrina KillgoConsumer Journey Mapping & Personalization Master Class - Sabrina Killgo
Consumer Journey Mapping & Personalization Master Class - Sabrina Killgo
 
Metaverse Marketing in the Generation of the Internet - Eugene Capon
Metaverse Marketing in the Generation of the Internet - Eugene CaponMetaverse Marketing in the Generation of the Internet - Eugene Capon
Metaverse Marketing in the Generation of the Internet - Eugene Capon
 
Digital Strategy Master Class - Andrew Rupert
Digital Strategy Master Class - Andrew RupertDigital Strategy Master Class - Andrew Rupert
Digital Strategy Master Class - Andrew Rupert
 
Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...
Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...
Traditional Store Audits are Outdated: A New Approach to Protecting Your Bran...
 
My Personal Brand Exploration by Mariano
My Personal Brand Exploration by MarianoMy Personal Brand Exploration by Mariano
My Personal Brand Exploration by Mariano
 
The What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital CommerceThe What, Why & How of 3D and AR in Digital Commerce
The What, Why & How of 3D and AR in Digital Commerce
 
SEO Master Class - Steve Wiideman, Wiideman Consulting Group
SEO Master Class - Steve Wiideman,  Wiideman Consulting GroupSEO Master Class - Steve Wiideman,  Wiideman Consulting Group
SEO Master Class - Steve Wiideman, Wiideman Consulting Group
 
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya KellyHow to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
How to use Short Form Video To Grow Your Brand and Business - Keenya Kelly
 
Playlist and Paint Event with Sony Music U
Playlist and Paint Event with Sony Music UPlaylist and Paint Event with Sony Music U
Playlist and Paint Event with Sony Music U
 
How to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that RanksHow to Use AI to Write a High-Quality Article that Ranks
How to Use AI to Write a High-Quality Article that Ranks
 
Coca Cola Branding Strategy and strategic marketing plan
Coca Cola Branding Strategy and strategic marketing planCoca Cola Branding Strategy and strategic marketing plan
Coca Cola Branding Strategy and strategic marketing plan
 
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel LeminTurn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
 
Marketing as a Primary Revenue Driver - Lee Levitt
Marketing as a Primary Revenue Driver - Lee LevittMarketing as a Primary Revenue Driver - Lee Levitt
Marketing as a Primary Revenue Driver - Lee Levitt
 
The New Era Of SEO - How AI Has Changed SEO Forever - Danny Leibrandt
The New Era Of SEO - How AI Has Changed SEO Forever - Danny LeibrandtThe New Era Of SEO - How AI Has Changed SEO Forever - Danny Leibrandt
The New Era Of SEO - How AI Has Changed SEO Forever - Danny Leibrandt
 
SEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital MarketingSEO as the Backbone of Digital Marketing
SEO as the Backbone of Digital Marketing
 
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
Unknown to Unforgettable - The Art and Science to Being Irresistible on Camer...
 
ThinkNow 2024 Consumer Financial Wellness Report
ThinkNow 2024 Consumer Financial Wellness ReportThinkNow 2024 Consumer Financial Wellness Report
ThinkNow 2024 Consumer Financial Wellness Report
 
Digital Marketing Trends - Experts Insights on How
Digital Marketing Trends - Experts Insights on HowDigital Marketing Trends - Experts Insights on How
Digital Marketing Trends - Experts Insights on How
 
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel LeminTurn Digital Reputation Threats into Offense Tactics - Daniel Lemin
Turn Digital Reputation Threats into Offense Tactics - Daniel Lemin
 
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly BulletinBLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
BLOOM_May2024 (r). Balmer Lawrie Online Monthly Bulletin
 

A Short Guide to Website Planning and Information Architecture

  • 2. THEIMPORTANCEOF PLANNING By understanding the website’s objectives, you will create a better experience for users, i.e. new and existing customers. Defining long and short-term goals keeps your website focused in the right areas. Control website cost and build time – release over time to complete quickly and within budget.
  • 3. 1. KNOWTHYSELF WHAT DOES YOUR BRAND STAND FOR? WHAT IS YOUR KEY MESSAGE? WHAT TYPE OF MARKET DO YOU OPERATE IN? WHO IS YOUR COMPETITION? WHAT IS YOUR USP? Image credit: http://www.ikea.com/gb/en/catalog/products/40213759/
  • 4. 2. UNDERSTANDTARGETUSERS WHAT IS THEIR GENDER, AGE, PROFESSION, INCOME BRACKET ETC? WHAT IS THEIR LOCATION, NATIONALITY, CULTURE? WHAT ARE THEIR INTERESTS AND WHAT DO THEY WANT TO KNOW? HOW DO THEY WANT TO RECEIVE INFORMATION? HOW WELL DO THEY INTERACT WITH AND RESPOND TO TECHNOLOGY?
  • 5. 3. THE PLANNINGPROCESS GATHER CONTENT DURING PLANNING NOT AFTER – THIS HELPS CATEGORISE AND PLAN PAGE STRUCTURE. • Write for the web and use words your audience will know and understand • Choose colours carefully • Optimise content, images and video • Keep download sizes as small as possible • File formats should be accessible to everyone
  • 6. 4. THESITEMAP A SITE MAP IS A VISUAL OR TEXTUAL MODEL OF A WEBSITE’S CONTENT THAT HELPS USER NAVIGATE THROUGH THE SITE TO FIND WHAT THEY WANT. It normally includes: • User journey • Types of page • Navigational groupings • Secure areas
  • 7. 5. WIREFRAMES A WIREFRAME SHOULD BE PRODUCED FOR EACH TYPE OF PAGE, E.G. HOME PAGE, PRODUCT PAGE, BLOG ARTICLE • Simple line drawing that shows how the information planned for each page should be displayed and organised • Keeps the site consistent by identifying common elements • Foundation of user interface – the graphical design skins this layout
  • 8. CASESTUDY:KABA GLOBAL PROVIDER OF INNOVATIVE SECURITY SOLUTIONS EXTENSIVE PLANNING PERIOD TO REORGANISE AND REDESIGN GLOBAL AND COUNTRY WEBSITES OBJECTIVE WAS TO CREATE A MORE INTERACTIVE WEBSITE FOR USERS AND A CLEARER PATH TO INFORMATION DESIGN WITHIN THE EXISTING BRAND
  • 11. WANTMORE? SO, YOU WANT A WEBSITE? A GUIDE TO PLANNING, BUILDING AND TESTING PART 1: HTTP://BIT.LY/PTIPXY PART 2: HTTP://BIT.LY/1E5A1BK PART 3: HTTP://BIT.LY/1E5A1BK FRIGHTFUL CONTENT: HOW TO SCARE AWAY YOUR AUDIENCE HTTP://BIT.LY/1HXCRND 5 WEB DESIGN MISTAKES THAT COULD BE HARMING YOUR WEBSITE’S CONVERSION RATE HTTP://BIT.LY/1JO53NE