SlideShare une entreprise Scribd logo
1  sur  20
Télécharger pour lire hors ligne
Designing
web experiences
“ If your businessdoesn’t
have a website, it doesn’t
existto online customers”
The importance of an online presence
89%
Customers expect businesses
to have a website
73%
Consumers expect businesses
to be on Facebook/Twitter etc.
Every 3in 5 people have access to Internet
50%
Consumers
carry
smartphones
with mobile
browser
7 out of 10
are more likely to
use a business if it
has an online
presence
94 % of smartphone
users search online
for local businesses
Website
Virtual
Sales force
Works
24/7
Saves
Money
Grows
Audience
Answers
Questions
Good
Impression
Importance of a good website
In a world where change is just a click away, it can be difficult to
leave a good and long lasting impression.
Poor design is one of the main reasons why so many websites
fail to achieve their objectives. A good design can elevate the
user experience and help generate sales.
GOOD DESIGN MORE SALESMORE VISITORS
At Eyecatch we offer:
Static Websites Dynamic & Responsive
Websites (CMS)
E-commerce
Websites
Static Websites A static website contains Web pages with fixed content. Each
page is coded in HTML and displays the same information to
every visitor.
Static sites are the most basic type of website and are the
easiest to create.
Since static Web pages contain fixed code, the content of
each page does not change unless it is manually updated by
the webmaster.
This works well for small websites, but it can make large sites
with hundreds or thousands of pages difficult to maintain.
Advantages
• Search engine friendly
• Cost effective
• Test friendly
• Easy navigation
• Lower bandwidth
• Quick download
Dynamic & Responsive Websites (CMS)
Dynamic means that the data or content can change
'dynamically'.
The content (text and images) is usually fed from a database
or Content Management System (CMS) so when the data is
updated, the content on the website are also updated. This
method opens up a lot of options on the flexibility and
functionality of your website.
A dynamic website uses server technologies (such as PHP) to
dynamically build a webpage right when a user visits the page.
Advantages
• Easier design updates
• More flexible dates
• Easier content updates
E-commerce Websites
The invention of faster internet connectivity and
powerful online tools has resulted in a new commerce
arena – E-commerce
Ecommerce or electronic commerce involves carrying
out business over the Internet with the assistance of
computers, which are linked to each other forming a
network.
To be specific Ecommerce would be buying and selling
of goods and services and transfer of funds through
digital communications.
Advantages
• Buying/selling 24x7
• More reach to customers
• Low operational costs
• Easy to start
• Faster buying/selling
• More options to choose from
The Eyecatch
Advantage
Maintenance
Support
Result
Oriented
design
Highly
experienced
web
development
team
Custom
templates
specific to
each
business
Workflow Process at Eyecatch
Planning Design Development Launch Post-Launch
Planning
The planning stage is arguably the most important, because what’s decided and
mapped here sets the stage for the entire project. This is also the stage that
requires client interaction and the accompanying attention to detail.
• Requirements Analysis
• Project Charter
• Gain access to servers and build folder structure
Design
The design stage typically involves moving the information outlined in the planning
stage further into reality. The main deliverables are a documented site structure
and, more importantly, a visual representation.
• Wireframe and design elements planning
• Mock-ups based on requirements
• Review and approval
Development
Development involves the bulk of the programming work, as well as loading
content and images. Key deliverables in this stage include:
• Build development framework
• Code templates for each page type
• Fill it with content and images
• Test and verify links and functionality
Launch
The purpose of the launch phase is to prepare the website for public viewing. This
requires final polishing of design elements, deep testing of interactivity and
features and, most of all, a consideration of the user experience.
• Polishing
• Transfer to live server
• Testing
• Cross-browser check
Post Launch
At this phase, Business re-enters the picture as we take care of all the little tasks
related to closing the project. Packaging source files, providing instructions for use
and any required training occurs at this time.
• Hand off to client
• Provide instructions and training, if necessary
• Financial Closure
Online experiences designed by us
www.edificespaces.com
www.aadyabuilders.com
www.artattelangana.org
www.futureorganics.in
Eyecatch.co.in/agritex
www.thatavarthiapparels.com
www.soltek.co.in
www.krandco.in
More experiences designed by us..
www.ftonline.org
www.hibluekey.com
icon.eyecatchads.in
helios.eyecatchads.in
atma.eyecatchads.in
www.vilanleggings.com
To build an engaging online experience for your brand,
just get in touch with us

Contenu connexe

Tendances

Business Centred Design
Business Centred DesignBusiness Centred Design
Business Centred Design
Sameer Chavan
 
LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...
LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...
LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...
getadministrate
 
How to optimize your website for mobile devices and multiple browsers
How to optimize your website for mobile devices and multiple browsersHow to optimize your website for mobile devices and multiple browsers
How to optimize your website for mobile devices and multiple browsers
Fred Dilkes
 
Wordpress customizaton – case study
Wordpress customizaton – case studyWordpress customizaton – case study
Wordpress customizaton – case study
Binh Dang Ngoc
 

Tendances (20)

Business Centred Design
Business Centred DesignBusiness Centred Design
Business Centred Design
 
AbilityNet communications highlights 2016
AbilityNet communications highlights 2016AbilityNet communications highlights 2016
AbilityNet communications highlights 2016
 
LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...
LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...
LITE 2016 – Turn Your Website into a Course Booking Machine [Sam Weston & Iai...
 
How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...
How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...
How to Use Amazon Personalize with Your WooCommerce Site in Just a Few Clicks...
 
Odigo webcall, the direct call from browser
Odigo webcall, the direct call from browserOdigo webcall, the direct call from browser
Odigo webcall, the direct call from browser
 
User-Centered Website Design
User-Centered Website DesignUser-Centered Website Design
User-Centered Website Design
 
Synapseindia web site design for E Commerce development
Synapseindia web site design for E Commerce developmentSynapseindia web site design for E Commerce development
Synapseindia web site design for E Commerce development
 
How to optimize your website for mobile devices and multiple browsers
How to optimize your website for mobile devices and multiple browsersHow to optimize your website for mobile devices and multiple browsers
How to optimize your website for mobile devices and multiple browsers
 
Varkul websoft pvt ltd -web site design for e-commerce
Varkul websoft pvt ltd -web site design for e-commerceVarkul websoft pvt ltd -web site design for e-commerce
Varkul websoft pvt ltd -web site design for e-commerce
 
What is a Successful UX Design Process by Code & Theory Designer
What is a Successful UX Design Process by Code & Theory DesignerWhat is a Successful UX Design Process by Code & Theory Designer
What is a Successful UX Design Process by Code & Theory Designer
 
Why is Flash Animation a Smart Web Design Tool?
Why is Flash Animation a Smart Web Design Tool?Why is Flash Animation a Smart Web Design Tool?
Why is Flash Animation a Smart Web Design Tool?
 
On Design and My Work
On Design and My WorkOn Design and My Work
On Design and My Work
 
Wordpress customizaton – case study
Wordpress customizaton – case studyWordpress customizaton – case study
Wordpress customizaton – case study
 
Exaltus infographic design services
Exaltus infographic design servicesExaltus infographic design services
Exaltus infographic design services
 
DrupalCon Amsterdam 2014 - Between structure and flexibility: Drupal for Mark...
DrupalCon Amsterdam 2014 - Between structure and flexibility: Drupal for Mark...DrupalCon Amsterdam 2014 - Between structure and flexibility: Drupal for Mark...
DrupalCon Amsterdam 2014 - Between structure and flexibility: Drupal for Mark...
 
Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...
Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...
Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...
 
Importance of responsive website designing
Importance of responsive website designingImportance of responsive website designing
Importance of responsive website designing
 
How to fit a content management system in your digital strategy?
How to fit a content management system in your digital strategy?How to fit a content management system in your digital strategy?
How to fit a content management system in your digital strategy?
 
Web Design Essentials Refreshed Media Business Link Presentation
Web Design Essentials Refreshed Media Business Link PresentationWeb Design Essentials Refreshed Media Business Link Presentation
Web Design Essentials Refreshed Media Business Link Presentation
 
Ease Corporate Website
Ease Corporate WebsiteEase Corporate Website
Ease Corporate Website
 

Similaire à Designing Web Experiences - Eyecatch

3. Web Presence: E-Strategies and Tactics
3. Web Presence: E-Strategies and Tactics3. Web Presence: E-Strategies and Tactics
3. Web Presence: E-Strategies and Tactics
Jitendra Tomar
 

Similaire à Designing Web Experiences - Eyecatch (20)

Web development
Web developmentWeb development
Web development
 
Web Development Trends That Boom In 2024.pdf
Web Development Trends That Boom In 2024.pdfWeb Development Trends That Boom In 2024.pdf
Web Development Trends That Boom In 2024.pdf
 
Digital marketing 101 v1.0
Digital marketing 101 v1.0Digital marketing 101 v1.0
Digital marketing 101 v1.0
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspective
 
What are the Three Main Stages of Web Development?
What are the Three Main Stages of Web Development?What are the Three Main Stages of Web Development?
What are the Three Main Stages of Web Development?
 
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdfResponsive and Intuitive The Must Haves of Modern Web Development.pdf
Responsive and Intuitive The Must Haves of Modern Web Development.pdf
 
Digital marketing-101
Digital marketing-101Digital marketing-101
Digital marketing-101
 
Content management system a full guide
Content management system a full guideContent management system a full guide
Content management system a full guide
 
Website development
Website developmentWebsite development
Website development
 
Website development
Website developmentWebsite development
Website development
 
How to Manage Digital User Experience for Web Applications
How to Manage Digital User Experience for Web ApplicationsHow to Manage Digital User Experience for Web Applications
How to Manage Digital User Experience for Web Applications
 
Digital Retail Training Session Two
Digital Retail Training Session TwoDigital Retail Training Session Two
Digital Retail Training Session Two
 
3. Web Presence: E-Strategies and Tactics
3. Web Presence: E-Strategies and Tactics3. Web Presence: E-Strategies and Tactics
3. Web Presence: E-Strategies and Tactics
 
Leveraging Sitecore 9 features to power Digital Transformation
Leveraging Sitecore 9 features to power Digital TransformationLeveraging Sitecore 9 features to power Digital Transformation
Leveraging Sitecore 9 features to power Digital Transformation
 
7 best cms for content management
7 best cms for content management7 best cms for content management
7 best cms for content management
 
Web Based Vs Cloud Based Apps Complete Comparison (2).pdf
Web Based Vs Cloud Based Apps Complete Comparison (2).pdfWeb Based Vs Cloud Based Apps Complete Comparison (2).pdf
Web Based Vs Cloud Based Apps Complete Comparison (2).pdf
 
Group-9.pptx
Group-9.pptxGroup-9.pptx
Group-9.pptx
 
Modernize Your Content Publishing Process with Smart Content
Modernize Your Content Publishing Process with Smart ContentModernize Your Content Publishing Process with Smart Content
Modernize Your Content Publishing Process with Smart Content
 
Web Development-2.pptx
Web Development-2.pptxWeb Development-2.pptx
Web Development-2.pptx
 
Online Store Website Design Proposal PowerPoint Presentation Slides
Online Store Website Design Proposal PowerPoint Presentation SlidesOnline Store Website Design Proposal PowerPoint Presentation Slides
Online Store Website Design Proposal PowerPoint Presentation Slides
 

Designing Web Experiences - Eyecatch

  • 2. “ If your businessdoesn’t have a website, it doesn’t existto online customers”
  • 3. The importance of an online presence
  • 4. 89% Customers expect businesses to have a website 73% Consumers expect businesses to be on Facebook/Twitter etc. Every 3in 5 people have access to Internet 50% Consumers carry smartphones with mobile browser 7 out of 10 are more likely to use a business if it has an online presence 94 % of smartphone users search online for local businesses
  • 5. Website Virtual Sales force Works 24/7 Saves Money Grows Audience Answers Questions Good Impression Importance of a good website In a world where change is just a click away, it can be difficult to leave a good and long lasting impression. Poor design is one of the main reasons why so many websites fail to achieve their objectives. A good design can elevate the user experience and help generate sales.
  • 6. GOOD DESIGN MORE SALESMORE VISITORS
  • 7. At Eyecatch we offer: Static Websites Dynamic & Responsive Websites (CMS) E-commerce Websites
  • 8. Static Websites A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. Static sites are the most basic type of website and are the easiest to create. Since static Web pages contain fixed code, the content of each page does not change unless it is manually updated by the webmaster. This works well for small websites, but it can make large sites with hundreds or thousands of pages difficult to maintain. Advantages • Search engine friendly • Cost effective • Test friendly • Easy navigation • Lower bandwidth • Quick download
  • 9. Dynamic & Responsive Websites (CMS) Dynamic means that the data or content can change 'dynamically'. The content (text and images) is usually fed from a database or Content Management System (CMS) so when the data is updated, the content on the website are also updated. This method opens up a lot of options on the flexibility and functionality of your website. A dynamic website uses server technologies (such as PHP) to dynamically build a webpage right when a user visits the page. Advantages • Easier design updates • More flexible dates • Easier content updates
  • 10. E-commerce Websites The invention of faster internet connectivity and powerful online tools has resulted in a new commerce arena – E-commerce Ecommerce or electronic commerce involves carrying out business over the Internet with the assistance of computers, which are linked to each other forming a network. To be specific Ecommerce would be buying and selling of goods and services and transfer of funds through digital communications. Advantages • Buying/selling 24x7 • More reach to customers • Low operational costs • Easy to start • Faster buying/selling • More options to choose from
  • 12. Workflow Process at Eyecatch Planning Design Development Launch Post-Launch
  • 13. Planning The planning stage is arguably the most important, because what’s decided and mapped here sets the stage for the entire project. This is also the stage that requires client interaction and the accompanying attention to detail. • Requirements Analysis • Project Charter • Gain access to servers and build folder structure
  • 14. Design The design stage typically involves moving the information outlined in the planning stage further into reality. The main deliverables are a documented site structure and, more importantly, a visual representation. • Wireframe and design elements planning • Mock-ups based on requirements • Review and approval
  • 15. Development Development involves the bulk of the programming work, as well as loading content and images. Key deliverables in this stage include: • Build development framework • Code templates for each page type • Fill it with content and images • Test and verify links and functionality
  • 16. Launch The purpose of the launch phase is to prepare the website for public viewing. This requires final polishing of design elements, deep testing of interactivity and features and, most of all, a consideration of the user experience. • Polishing • Transfer to live server • Testing • Cross-browser check
  • 17. Post Launch At this phase, Business re-enters the picture as we take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time. • Hand off to client • Provide instructions and training, if necessary • Financial Closure
  • 18. Online experiences designed by us www.edificespaces.com www.aadyabuilders.com www.artattelangana.org www.futureorganics.in Eyecatch.co.in/agritex www.thatavarthiapparels.com www.soltek.co.in www.krandco.in
  • 19. More experiences designed by us.. www.ftonline.org www.hibluekey.com icon.eyecatchads.in helios.eyecatchads.in atma.eyecatchads.in www.vilanleggings.com
  • 20. To build an engaging online experience for your brand, just get in touch with us