SlideShare a Scribd company logo
BUILDING A β€œWEBSITE”
ART OR SCIENCE
Quixell.in
COMMON MYTHS
β€’ Building a website is a time bound activity
β€’ One can ignore Mobile compatibility and performance in the
initial stages
β€’ Website can be built at very-very low cost
β€’ Brand & USP’s should be communicated β€œloud & shout” on the
website
Quixell.in
3 PHASE APPROACH
Discovery
Website
Design &
Development
(Agile Approach)
Web
Maintenance
& upgradation
Quixell.in
PHASE – I
DISCOVERY
Quixell.in
DISCOVERY
Quixell.in
Understan
ding
Requireme
nts
Define the Problem
Statement
Define the Objective
Discovery - Understand
Company & Products being
offered
Define & Understand
your customer
personality
Market Positioning-
Define Brand
personality
Scope &
Requiremen
t
Document
PHASE – II
WEBSITE DESIGN & DEVELOPMENT
Quixell.in
DEVELOPMENT METHODOLOGY
Quixell.in
Follow Agile Development Methodology.
Build features based on Customer Feedback.
4 SIMPLE YET IMPACTFUL TIPS
β€’ Website must be β€œCustomer Centric”
β€’ Website must be β€œMobile Responsive”
β€’ Website must be β€œHigh Performant”
β€’ Website must be β€œSEO Compliant”
Quixell.in
RECIPE FOR WORLD CLASS DESIGN
Quixell.in
Establish an
emotional
connect with
Customer
Build Trust &
Engage visitors
Highlight
Differentiators
which matters
most to the
audience
Content should
be educative,
entertaining,
informative or
simply about
the brand?
Provide clear
calls to action
and lead
capture forms
STAGES IN DESIGN AND DEVELOPMENT
Quixell.in
Understand
the Target
Audience
Understand
the Business
Context
Build the
information
Design
Visual
Design
Content
Generation
Website
Build out
Website
Deployment
Web
Maintenance
Continuous
Upgradation
PHASE – III
WEB MAINTENANCE & CONTINUOUS
UPGRADATION
Quixell.in
WEBSITE MAINTENANCE & UPGRADATION
Quixell.in
Deployment
&
Maintenance
Staging & Live Environment
Periodic Backups
Auto Recovery in case of crash
Performance Tuning with every
significant change
Website should be
continuously
upgraded to build
features based on
customer feedback
B2B VS B2C DESIGN – IS THERE A
DIFFERENCE !
B2B
Longer & Complex Sales Cycle
(Relationship Building)
Customer values the benefits specific
to their Industry
Thought Leadership – essential
component of strong branding and
marketing strategy
Content Matters – Bogs to educate,
whitepapers, case studies etc.
B2C
Straightforward and less complex
sales cycle
Customer values the perceived
emotional benefits of a product or
service
Thought Leadership is never a focus
area
Apart from specific product features
any other content will distract the
customers
Call to
Action
√ Lead
capture form
√ Chat
√ Download
whitepaper,
Blog or a
video
Call to
Action
√ Buy Now
√ Join Now
√ Shop Now
√ Now Now
Now
Bring
that
cool
factor
Apart from
being cool,
must have
engaging
design &
highly
functional
WEBSITE BUILDING IS AN
β€œART”
YOU NEED TO CONNECT WITH CUSTOMER
EMOTIONALLY
β€œSCIENCE”
YOU NEED TO FOLLOW SPECIFIC ENGINEERING
PROCESSES TO DESIGN AND DEVELOP A WEBSITE
Quixell.in
Do you want to Dominate the Digital !
Call us @ Quixell.in
Natarajan Alagappan
99725-72224 nattu@quixell.in
Ajay Batra
97414-97123 ajay@quixell.in
Thank You !
Quixell.in
ANNEXURE
Quixell.in
STAGES IN DESIGN AND DEVELOPMENT
Understan
d the
Target
Audience
Understan
d the
Business
Context
Build the
informatio
n Design
Visual
Design
Content
Generation
Website
Build out
Website
Deploymen
t &
Maintenan
ce
Quixell.in
UNDERSTAND THE TARGET AUDIENCE
 Who is the buyer?
 What are their behaviour traits online?
 What problems they wish to solve when looking for the website?
 What are the talking about in digital channels?
Quixell.in
UNDERSTAND THE BUSINESS CONTEXT
 Understand the company & the brand image
 What is the product or service
 What is the competition
 What are the USPs of the company?
Quixell.in
BUILD THE INFORMATION DESIGN
 Decide the site map
 Define the content topics on the home page
 Define the content needed in inside pages
Quixell.in
VISUAL DESIGN
 Get real product and process images from the site
 Decide devices to show the site on
 Decide languages to build the website on
 Prepare creative design options
Quixell.in
CONTENT GENERATION
 Study google search trends
 Define the SEO keywords
 Decide page titles and on page content
 Identify content sources
 Prepare content
Quixell.in
WEBSITE BUILD OUT
 Build the web pages
 Integrate the content and make website SEO compatible
 Run tests on various devices
 Run tests for performance
Quixell.in
WEBSITE DEPLOYMENT & MAINTENANCE
 Deploy the website in LIVE
 Deploy the website in a Staging/backup location
 Integrate Chat if needed
 Do a disaster back up recovery test (critical)
 Manage and maintain website
Quixell.in

More Related Content

PPTX
Google AdWords - Best Practices
PPTX
ArcSoft.com Overhaul: Bringing "Intelligent Imaging" to Life.
PPTX
BNI 10 Minute Power Point Presentation
PDF
monika anderson resume chron logover3 (1)
PDF
Pixpa Pitch Deck
PPS
BNI 10 minute presentation 19.11.2010
PDF
The benefits of working with digital agency
PPT
VQC Designs Overview
Google AdWords - Best Practices
ArcSoft.com Overhaul: Bringing "Intelligent Imaging" to Life.
BNI 10 Minute Power Point Presentation
monika anderson resume chron logover3 (1)
Pixpa Pitch Deck
BNI 10 minute presentation 19.11.2010
The benefits of working with digital agency
VQC Designs Overview

What's hot (15)

PDF
DaleFowler_resume
PPTX
ZingClick- Innovating solutions
PDF
10 Steps to Planning a Successful Webinar
Β 
PDF
Driving Webinar Registration and Attendance | ON24
Β 
PDF
Web Design
PPTX
B2B Web Design for Lead Generation
PDF
LinkedIn Resume
PPTX
Nouweb Launch Event - 9th November 2011 - Reading
PPT
Walker Creative Design BNI 10 Min. Presentation
PPTX
Web presentation - RSDS
DOCX
DrewSnoply_Resume-s.16
PPTX
Website strike out
PDF
Digital indeed - Website 101
PDF
Online Store Website Design Proposal PowerPoint Presentation Slides
PDF
Best Practices for Drupal Integrations
Β 
DaleFowler_resume
ZingClick- Innovating solutions
10 Steps to Planning a Successful Webinar
Β 
Driving Webinar Registration and Attendance | ON24
Β 
Web Design
B2B Web Design for Lead Generation
LinkedIn Resume
Nouweb Launch Event - 9th November 2011 - Reading
Walker Creative Design BNI 10 Min. Presentation
Web presentation - RSDS
DrewSnoply_Resume-s.16
Website strike out
Digital indeed - Website 101
Online Store Website Design Proposal PowerPoint Presentation Slides
Best Practices for Drupal Integrations
Β 
Ad

Viewers also liked (13)

PDF
μž„λ³΄λžŒ, μƒˆλ‘œμš΄ μ •λ³΄μ„œλΉ„μŠ€ λͺ¨λΈ μ œμ•ˆ(Korsa2009)
PPSX
Mobile Homepage&Mobile App
PPTX
Building a Website - Art or Science
PPT
Website Redesign Tips
PDF
How To Avoid a Website Redesign Disaster - Paul Rouke at Digital Marketing Sh...
Β 
PDF
Looking Back to Move Forward: Building the Modern Web
PPTX
GGV Capital Cross-Border Opportunities
PDF
Things you need to know about smartphone business in korea v 1 0 f_pd
PDF
20 Ideas for your Website Homepage Content
PDF
Snap: 10 facts about the human brain to help you create a better website
Β 
PPTX
4 Ways to Communicate Compensation That Drive Strategic Outcomes
PDF
Montreal Girl Geeks: Building the Modern Web
PPTX
Slideshare ppt
μž„λ³΄λžŒ, μƒˆλ‘œμš΄ μ •λ³΄μ„œλΉ„μŠ€ λͺ¨λΈ μ œμ•ˆ(Korsa2009)
Mobile Homepage&Mobile App
Building a Website - Art or Science
Website Redesign Tips
How To Avoid a Website Redesign Disaster - Paul Rouke at Digital Marketing Sh...
Β 
Looking Back to Move Forward: Building the Modern Web
GGV Capital Cross-Border Opportunities
Things you need to know about smartphone business in korea v 1 0 f_pd
20 Ideas for your Website Homepage Content
Snap: 10 facts about the human brain to help you create a better website
Β 
4 Ways to Communicate Compensation That Drive Strategic Outcomes
Montreal Girl Geeks: Building the Modern Web
Slideshare ppt
Ad

Similar to Building a Website - Art or Science (20)

PPT
Apec Melbourne Conference
PPTX
Web Concepts_Introduction to Website Planning
PDF
TechOut_Generalized Workflow
PPTX
Building a Powerful Small Business Website
PPTX
How to Build a Powerful Small Business Website
PPT
Web Design by Client Perspective
Β 
PDF
What Do When Plan A Site-Website Developer Jackson
PPTX
So you want a website
PPTX
Web Designing Kit
PDF
How to make a great website
PDF
Website Development Proposal Document PowerPoint Presentation Slides
PDF
Make Your Website Work for You
PPT
Building yourbusinesswithgoogle 9 15-2010
PPTX
Wix Meetup | SEO Introduction
PPSX
How to build an efficient website
PDF
Website Development Proposal Document Powerpoint Presentation Slides
PPTX
Before the Build
PDF
Website Development and Marketing Proposal PowerPoint Presentation Slides
PPTX
eOneStop Digital Solutions | Web Development & Lead generation Company | SEO ...
PPTX
Complete Web and Social Media Marketing Solution.
Apec Melbourne Conference
Web Concepts_Introduction to Website Planning
TechOut_Generalized Workflow
Building a Powerful Small Business Website
How to Build a Powerful Small Business Website
Web Design by Client Perspective
Β 
What Do When Plan A Site-Website Developer Jackson
So you want a website
Web Designing Kit
How to make a great website
Website Development Proposal Document PowerPoint Presentation Slides
Make Your Website Work for You
Building yourbusinesswithgoogle 9 15-2010
Wix Meetup | SEO Introduction
How to build an efficient website
Website Development Proposal Document Powerpoint Presentation Slides
Before the Build
Website Development and Marketing Proposal PowerPoint Presentation Slides
eOneStop Digital Solutions | Web Development & Lead generation Company | SEO ...
Complete Web and Social Media Marketing Solution.

Recently uploaded (20)

PDF
Paper PDF World Game (s) Great Redesign.pdf
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
PPTX
Introduction to Information and Communication Technology
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
PDF
RPKI Status Update, presented by Makito Lay at IDNOG 10
Β 
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PPTX
artificial intelligence overview of it and more
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
PDF
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
PPTX
presentation_pfe-universite-molay-seltan.pptx
PPTX
Internet___Basics___Styled_ presentation
PPTX
SAP Ariba Sourcing PPT for learning material
PDF
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
PPTX
international classification of diseases ICD-10 review PPT.pptx
PPTX
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
DOCX
Unit-3 cyber security network security of internet system
PDF
The New Creative Director: How AI Tools for Social Media Content Creation Are...
PPTX
Digital Literacy And Online Safety on internet
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PPTX
Introuction about WHO-FIC in ICD-10.pptx
Paper PDF World Game (s) Great Redesign.pdf
Module 1 - Cyber Law and Ethics 101.pptx
Introduction to Information and Communication Technology
Unit-1 introduction to cyber security discuss about how to secure a system
RPKI Status Update, presented by Makito Lay at IDNOG 10
Β 
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
artificial intelligence overview of it and more
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
presentation_pfe-universite-molay-seltan.pptx
Internet___Basics___Styled_ presentation
SAP Ariba Sourcing PPT for learning material
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
international classification of diseases ICD-10 review PPT.pptx
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
Unit-3 cyber security network security of internet system
The New Creative Director: How AI Tools for Social Media Content Creation Are...
Digital Literacy And Online Safety on internet
INTERNET------BASICS-------UPDATED PPT PRESENTATION
Introuction about WHO-FIC in ICD-10.pptx

Building a Website - Art or Science

  • 1. BUILDING A β€œWEBSITE” ART OR SCIENCE Quixell.in
  • 2. COMMON MYTHS β€’ Building a website is a time bound activity β€’ One can ignore Mobile compatibility and performance in the initial stages β€’ Website can be built at very-very low cost β€’ Brand & USP’s should be communicated β€œloud & shout” on the website Quixell.in
  • 3. 3 PHASE APPROACH Discovery Website Design & Development (Agile Approach) Web Maintenance & upgradation Quixell.in
  • 5. DISCOVERY Quixell.in Understan ding Requireme nts Define the Problem Statement Define the Objective Discovery - Understand Company & Products being offered Define & Understand your customer personality Market Positioning- Define Brand personality Scope & Requiremen t Document
  • 6. PHASE – II WEBSITE DESIGN & DEVELOPMENT Quixell.in
  • 7. DEVELOPMENT METHODOLOGY Quixell.in Follow Agile Development Methodology. Build features based on Customer Feedback.
  • 8. 4 SIMPLE YET IMPACTFUL TIPS β€’ Website must be β€œCustomer Centric” β€’ Website must be β€œMobile Responsive” β€’ Website must be β€œHigh Performant” β€’ Website must be β€œSEO Compliant” Quixell.in
  • 9. RECIPE FOR WORLD CLASS DESIGN Quixell.in Establish an emotional connect with Customer Build Trust & Engage visitors Highlight Differentiators which matters most to the audience Content should be educative, entertaining, informative or simply about the brand? Provide clear calls to action and lead capture forms
  • 10. STAGES IN DESIGN AND DEVELOPMENT Quixell.in Understand the Target Audience Understand the Business Context Build the information Design Visual Design Content Generation Website Build out Website Deployment Web Maintenance Continuous Upgradation
  • 11. PHASE – III WEB MAINTENANCE & CONTINUOUS UPGRADATION Quixell.in
  • 12. WEBSITE MAINTENANCE & UPGRADATION Quixell.in Deployment & Maintenance Staging & Live Environment Periodic Backups Auto Recovery in case of crash Performance Tuning with every significant change Website should be continuously upgraded to build features based on customer feedback
  • 13. B2B VS B2C DESIGN – IS THERE A DIFFERENCE ! B2B Longer & Complex Sales Cycle (Relationship Building) Customer values the benefits specific to their Industry Thought Leadership – essential component of strong branding and marketing strategy Content Matters – Bogs to educate, whitepapers, case studies etc. B2C Straightforward and less complex sales cycle Customer values the perceived emotional benefits of a product or service Thought Leadership is never a focus area Apart from specific product features any other content will distract the customers Call to Action √ Lead capture form √ Chat √ Download whitepaper, Blog or a video Call to Action √ Buy Now √ Join Now √ Shop Now √ Now Now Now Bring that cool factor Apart from being cool, must have engaging design & highly functional
  • 14. WEBSITE BUILDING IS AN β€œART” YOU NEED TO CONNECT WITH CUSTOMER EMOTIONALLY β€œSCIENCE” YOU NEED TO FOLLOW SPECIFIC ENGINEERING PROCESSES TO DESIGN AND DEVELOP A WEBSITE Quixell.in
  • 15. Do you want to Dominate the Digital ! Call us @ Quixell.in Natarajan Alagappan 99725-72224 nattu@quixell.in Ajay Batra 97414-97123 ajay@quixell.in Thank You ! Quixell.in
  • 17. STAGES IN DESIGN AND DEVELOPMENT Understan d the Target Audience Understan d the Business Context Build the informatio n Design Visual Design Content Generation Website Build out Website Deploymen t & Maintenan ce Quixell.in
  • 18. UNDERSTAND THE TARGET AUDIENCE  Who is the buyer?  What are their behaviour traits online?  What problems they wish to solve when looking for the website?  What are the talking about in digital channels? Quixell.in
  • 19. UNDERSTAND THE BUSINESS CONTEXT  Understand the company & the brand image  What is the product or service  What is the competition  What are the USPs of the company? Quixell.in
  • 20. BUILD THE INFORMATION DESIGN  Decide the site map  Define the content topics on the home page  Define the content needed in inside pages Quixell.in
  • 21. VISUAL DESIGN  Get real product and process images from the site  Decide devices to show the site on  Decide languages to build the website on  Prepare creative design options Quixell.in
  • 22. CONTENT GENERATION  Study google search trends  Define the SEO keywords  Decide page titles and on page content  Identify content sources  Prepare content Quixell.in
  • 23. WEBSITE BUILD OUT  Build the web pages  Integrate the content and make website SEO compatible  Run tests on various devices  Run tests for performance Quixell.in
  • 24. WEBSITE DEPLOYMENT & MAINTENANCE  Deploy the website in LIVE  Deploy the website in a Staging/backup location  Integrate Chat if needed  Do a disaster back up recovery test (critical)  Manage and maintain website Quixell.in