The document outlines a consulting approach and thinking framework for website development. It involves initial consultation on design, marketing plans, technology, and payment gateways. The framework includes understanding the client's business, challenges, and competitors through research. Ideas are generated for content, design, and user experience. Prototypes are created and tested before executing front-end and back-end development. Testing and comparisons to the previous website are conducted before delivering the new website.

1. Development
Consulting Approach & Thinking
Framework

2. Consulting Approach
• Consultation on Design & Wireframes of product.
(What is right/ What is wrong/ What is industry trend)
• Consultation on marketing plans & suggestion on phases
ARM to suggest on overall marketing plans with consultation on launching
the websites in various phases.
Example of approach
# Basic website + community is required to kick start the digital marketing
exercise.
# Digital Marketing can be started with basic hygiene at a month before the
launch of website.
# Agile development methodology to be adopted to make the product full
proof.

3. Consulting Approach
• Consultation of Webserver & technology
(What is right/ What is wrong/ What is industry trend)
• Suggestion on payment gateway integrations.
• Consultation on community content & suggestions of ideas to involve
bloggers, influencers & consumers for the community.
• Consultation on improvising the leads & traffic to website.
Example: Use of research papers, reports with a lead based form.

4. Approach for development

5. Thinking Framework

6. Phase1- Brief

7. Check List - Understanding
1. Questions to understand the business.
• About TG.
• About Products.
• About market places.
• What are the USP.
• What is the category of their products or services.
• How they are doing marketing of their products.
2 Questions to understand the current challenges.
• Why client wants to rebuild a new website if already presents.
• Accessibility.
• Readability.
• Compatibility.
• Usability.
• Speed.
• Security
3 Question for Reference.
• Is their any reference for the website
• What section you like in the referred website.
• How your products different from the others.

8. Check List - Knowledge
1. What should be the sitemap.
2. Competitors.
3. Type of website.
4. Payment gateways need to implement
5. Is SEO implemented?
6. What is the new trend in their category.
7. Plans for landing pages in future.
8. Is they are using seasonal changes.
9. Data migration.
10. Type of website.

9. Research
Industry Mapping
• New trends
• References Analysis
• Experience involvement.
• Technology used.
• Modules should used.
• Security features.
• TG management.
• Type of Payment Gateways
• Data migration techniques.
• Success features of opponents.
• Suggestions.
Behavior Mapping
• Demographics
• Internet Infrastructure
• SEO Stats – Source Page, On Page Behavior, Bounce Rate, Time on
Website, Exit Page
• Platform - Desktop, Tablet, Mobile
• How site will perform after new sitemaps.
• Are all the previous website URL covered or they are includes in the new
pages
• Is new sitemap affects the ranking of website. Re route the old URL to
new URL by 301 permanent redirection, so search engine can notice the
new URL.
• Is key features for TG included in the website.
• All the necessary help URL present in the current web apps (in case of
product website)

10. Ideation
•Content Type
•Functional Approach
•User Experience Approach
•Search engine friendly
Existing Website

11. Ideation
For Project In Process
•Color Schemas from Brand Guideline and Learning
•Implementation of Layout Trend / Inspiration from Client
•Device Targeting
•Selection of Technology - Backend & CMS
•Content Fitting & Type (if new, else as per sitemap)

12. Draft of the Ideal State
• Creation of Website Wireframe
• Prototype Design of the Ideal State with Creative
Team
• Improvement and 1st Hand Feedback on
Prototype
• Slicing of the Prototype into Front End Code

13. Execution Process
Front End Development
Framework
Implementation
Distribution into
Sections
Priority
Arrangement
Coding
Testing &
Reporting

14. Execution Process
Back End Development
Structuring the
CMS
or
Frameworks
Installation of the
Platform
Database/3rd Party
Tool
Implementation
Coding
Testing &
Reporting

15. Testing
Front End Development
W3C Code
Validation
Form Input
Validation
Load Time & Speed
Test
Responsive Cross
Platform Test
Browser
Compatibility

16. Testing
Back End Development
Framework
Validation
Function Validation
Server Side
Execution Time
Server Side
Validation
Security
Measurement

17. Testing
Final Product
API Validation Automation Reusability of Code
Staging Server
Setup Check
To submit the issues or remarks we will use open source tools like mentis. Which will increase the real time
management. Tool can be us to categories the feedback into backend or frontend. Tool will help us to mana
ge all the revision history of bug in a same page or can resolved, reopen or assign to different person in the
same time.

18. Measurability
Comparison of New vs Old
• Speed Test
• Platform Performance
• Server Load Time
• User Experience
• SEO Friendliness
• Mobile Optimization
• Is product site is working fine with old data which were input to DB with new website.

19. Measurability
Team Effort Parameters
• Design Hours
• Front End Hours
• Back End Hours
• Optimization Hours
• Troubleshooting Hours
• Deployment
• Will be using toggle to measure the efforts into modules or websites.

20. feedback next steps
Thank you.