building a website - art or science
TRANSCRIPT
![Page 1: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/1.jpg)
BUILDING A “WEBSITE”ART OR SCIENCE
Quixell.in
![Page 2: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/2.jpg)
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
![Page 3: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/3.jpg)
3 PHASE APPROACH
Discovery
Website Design &
Development
(Agile Approach)
Web Maintenan
ce & upgradati
on
Quixell.in
![Page 4: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/4.jpg)
PHASE – IDISCOVERY
Quixell.in
![Page 5: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/5.jpg)
DISCOVERY
Quixell.in
Understanding
Requirements
Define the Problem Statement
Define the Objective
Discovery - Understand Company & Products being offered
Define & Understand your customer personality
Market Positioning- Define Brand personality
Scope & Requirem
ent Document
![Page 6: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/6.jpg)
PHASE – IIWEBSITE DESIGN & DEVELOPMENT
Quixell.in
![Page 7: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/7.jpg)
DEVELOPMENT METHODOLOGY
Quixell.inFollow Agile Development Methodology.
Build features based on Customer Feedback.
![Page 8: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/8.jpg)
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
![Page 9: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/9.jpg)
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
![Page 10: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/10.jpg)
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 Deploymen
t
Web Maintenan
ce
Continuous
Upgradation
![Page 11: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/11.jpg)
PHASE – IIIWEB MAINTENANCE & CONTINUOUS UPGRADATION
Quixell.in
![Page 12: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/12.jpg)
WEBSITE MAINTENANCE & UPGRADATION
Quixell.in
Deployment & Maintenance
Staging & Live EnvironmentPeriodic Backups
Auto Recovery in case of crashPerformance Tuning with every significant change
Website should be continuously
upgraded to build features
based on customer feedback
![Page 13: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/13.jpg)
B2B VS B2C DESIGN – IS THERE A DIFFERENCE !
B2BLonger & Complex Sales
Cycle(Relationship Building)
Customer values the benefits specific to their
IndustryThought Leadership –
essential component of strong branding and marketing strategy
Content Matters – Bogs to educate, whitepapers,
case studies etc.
B2CStraightforward 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
![Page 14: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/14.jpg)
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
![Page 15: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/15.jpg)
Do you want to Dominate the Digital !
Call us @ Quixell.in
Natarajan Alagappan 99725-72224 [email protected]
Ajay Batra97414-97123 [email protected]
Thank You !Quixell.in
![Page 16: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/16.jpg)
ANNEXURE
Quixell.in
![Page 17: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/17.jpg)
STAGES IN DESIGN AND DEVELOPMENT
Understand the Target Audience
Understand the Business Context
Build the information Design
Visual Design
Content Generation
Website Build out
Website Deployment & Maintenance
Quixell.in
![Page 18: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/18.jpg)
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
![Page 19: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/19.jpg)
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
![Page 20: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/20.jpg)
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
![Page 21: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/21.jpg)
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
![Page 22: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/22.jpg)
CONTENT GENERATION
Study google search trends
Define the SEO keywords
Decide page titles and on page content
Identify content sources
Prepare content
Quixell.in
![Page 23: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/23.jpg)
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
![Page 24: Building a Website - Art or Science](https://reader034.vdocument.in/reader034/viewer/2022052706/58ee0f321a28ab28388b456f/html5/thumbnails/24.jpg)
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