SlideShare a Scribd company logo
1 of 25
Engaging Your Customers Online
by Leon (C.K.) Leong
Marrying Design & Business
30 July 2010
Web Designer Depot
Who does not know this site?
What’s the differences between
art and design
Q1
http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/
Source: http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/
Source: http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/
In project management, it’s well-known that
there are constant disagreements between
the various roles
(Coming from a Techsailor context… Sales, Account Manager,
Project Manager, Design and Technical)
Daily chronicles of a project team…
Note: This is just a hypothetical scenario. The actors “involved” are just arbitrarily protagonists.
Fisher – Project Manager, Ashley – Designer, Leon – Account Manager
Fisher: Ash, the front page needs to be an overview of the whole
site… Can you add in boxes for latest news, events and
promotions?
Ashley: I disagree; that would make the look and feel of the front
page too complex and cluttered… it’s bad coming from a design
stand point…
Fisher: The client’s business is very much online so we need to
showcase what’s available to the users in a birds eye view…
Ashley: Can we just show case one of each of the latest items so
that the site does not get too crowded?
Leon: Hey guys, can I ask in the first place who are the target
audiences? And what’s of value to them?
We’re all driven by our individual…
MINDSETS
Let’s take a step back and look
at the “spectators”….
What’s the purpose of a design
Q2
To communicate and
prompt-to-action
Q2
Market/Sell Educate Prompt-to-action
Q2
Communicate
Prompt-to-action
User Experience
Analytics
Adobe’s Model
Source: http://www.zdnet.com/blog/saas/adobe-ties-web-design-to-business-results/871
A REALTechsailor example…
http://greater-asia.com/
Educate Market/Sell
Prompt-to-Action
http://greater-asia.com/
Market/Sell Marry vision with audience
Execution: Effective marketing taglines and media based on
Vision/positioning and target audiences, Targeted Messages and Links
Educate Availability of and easy access to information
Execution: Effective information architecture for the contents and
ease of navigation website wide
Prompt-to-Action Motivate to do something
Execution: “BIG RED BUTTONS!”, Contact Us manifestations
Analytics Derive actionable insights
arketing
Social!!!
What about…
Yet another REAL
Techsailor example…
Twitter
Facebook
Youtube
Twitter button
Facebook button
Twitter feed box
Youtube Embedding
Facebook Widgets/Badges
LinkedIn Widgets
Addthis / Sharethis
DISQUS commentary
Flickr photo stream
Facebook Connect
etc…
Social
That is…
Online Customer Engagement
-fin-

Thank you
Singapore
156 Macpherson Road,
#08-01, Singapore 348528
Tel: +65 6748 8522
Fax: +65 6836 4963
Malaysia
Lot 2-1A, Support Services, Technology
Park Malaysia, Lebuhraya Puchong-Sg.
Besi, Bukit Jalil, 57000 Kuala Lumpur,
Malaysia.
Tel: +60 38994 1750 / 1751
Fax: +60 32297 5390
China
中国广东省广州市天河区黄埔大道中
207 号海景花园 C 栋 1801
邮编: 510665
电话 : +86 020 8567 0704
传真 : +86 020 8567 0704
Email : info@techsailor.com
Website : http://www.techsailor.com

More Related Content

Similar to Marrying design and business

What 'Doodlers' and 'Coders' can teach Business about Experience Design
What 'Doodlers' and 'Coders' can teach Business about Experience DesignWhat 'Doodlers' and 'Coders' can teach Business about Experience Design
What 'Doodlers' and 'Coders' can teach Business about Experience DesignCandy Bernhardt
 
Dbc 2015 analytics for design bloggers -final
Dbc 2015   analytics for design bloggers -finalDbc 2015   analytics for design bloggers -final
Dbc 2015 analytics for design bloggers -finalMarshall Sponder
 
Design Documentation
Design DocumentationDesign Documentation
Design DocumentationPeter Boersma
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Processugencarelle
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a mythJeremy Johnson
 
How to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product ManagerHow to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product ManagerProduct School
 
Digital Predictions, 2010 and Beyond
Digital Predictions, 2010 and BeyondDigital Predictions, 2010 and Beyond
Digital Predictions, 2010 and BeyondDan Dooley
 
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePointSPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePointMarc D Anderson
 
Creating a Great User Experience in SharePoint
Creating a Great User Experience in SharePointCreating a Great User Experience in SharePoint
Creating a Great User Experience in SharePointSPC Adriatics
 
Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017
Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017
Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017Seth Viebrock
 
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Jeremy Johnson
 
So you want to work in an agency
So you want to work in an agencySo you want to work in an agency
So you want to work in an agencyRoy Murphy
 
Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...
Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...
Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...Fahri Karakas
 
Creating successful intranets
Creating successful intranetsCreating successful intranets
Creating successful intranetsSharon Richardson
 
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...Marc D Anderson
 
Mastering Startup Pitching
Mastering Startup PitchingMastering Startup Pitching
Mastering Startup PitchingPress42
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Jeremy Johnson
 
Olly Mardling - Visual portfolio
Olly Mardling  - Visual portfolioOlly Mardling  - Visual portfolio
Olly Mardling - Visual portfolioOliver Mardling
 
Visible Banking - Social Media & Banking 2.0
Visible Banking - Social Media & Banking 2.0Visible Banking - Social Media & Banking 2.0
Visible Banking - Social Media & Banking 2.0Christophe Langlois
 

Similar to Marrying design and business (20)

What 'Doodlers' and 'Coders' can teach Business about Experience Design
What 'Doodlers' and 'Coders' can teach Business about Experience DesignWhat 'Doodlers' and 'Coders' can teach Business about Experience Design
What 'Doodlers' and 'Coders' can teach Business about Experience Design
 
Dbc 2015 analytics for design bloggers -final
Dbc 2015   analytics for design bloggers -finalDbc 2015   analytics for design bloggers -final
Dbc 2015 analytics for design bloggers -final
 
Design Documentation
Design DocumentationDesign Documentation
Design Documentation
 
Digital Design
Digital DesignDigital Design
Digital Design
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Process
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a myth
 
How to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product ManagerHow to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product Manager
 
Digital Predictions, 2010 and Beyond
Digital Predictions, 2010 and BeyondDigital Predictions, 2010 and Beyond
Digital Predictions, 2010 and Beyond
 
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePointSPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
 
Creating a Great User Experience in SharePoint
Creating a Great User Experience in SharePointCreating a Great User Experience in SharePoint
Creating a Great User Experience in SharePoint
 
Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017
Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017
Origin Eight - "Optimizing Drupal for Digital Marketing" - Drupal Camp 2017
 
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
 
So you want to work in an agency
So you want to work in an agencySo you want to work in an agency
So you want to work in an agency
 
Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...
Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...
Artificial Intelligence Comes Exponentially! How To Thrive & Create Value In ...
 
Creating successful intranets
Creating successful intranetsCreating successful intranets
Creating successful intranets
 
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
 
Mastering Startup Pitching
Mastering Startup PitchingMastering Startup Pitching
Mastering Startup Pitching
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)
 
Olly Mardling - Visual portfolio
Olly Mardling  - Visual portfolioOlly Mardling  - Visual portfolio
Olly Mardling - Visual portfolio
 
Visible Banking - Social Media & Banking 2.0
Visible Banking - Social Media & Banking 2.0Visible Banking - Social Media & Banking 2.0
Visible Banking - Social Media & Banking 2.0
 

Recently uploaded

Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 

Recently uploaded (20)

Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 

Marrying design and business

Editor's Notes

  1. Hi, I’m Leon (C.K.) Leong from Techsailor Group. Today, we’ll be talking about how design and business should go hand-in-hand.
  2. How close should design and business be integrated? As close as a newly-wedded couple!
  3. Web Designer Depot posed a very interesting question.
  4. First question: What’s the difference between art and design?
  5. The difference between art & design: Good art is interpreted, good design is understood.
  6. The difference between art & design: good art sends a different message to everyone, good design sends the same message to everyone.
  7. In project management, it’s well-known that there are constant disagreements between the various roles.
  8. Daily chronicles of a project team…
  9. We’re all driven by our individual mindsets.
  10. Let’s take a step back and look at the “spectators”….
  11. Second question: What’s the purpose of a design?
  12. To communicate and prompt-to-action
  13. Here’s what a user experience cycle look like.
  14. An example of Adobe’s Model…
  15. Here’s a REAL Techsailor example…
  16. Do you see the difference before….
  17. … and after?
  18. Market/Sell - Marry vision with audience Execution: Effective marketing taglines and media based on Vision/positioning and target audiences, Targeted Messages and Links Educate Availability of and easy access to information Execution: Effective information architecture for the contents and ease of navigation website wide Prompt-to-Action Motivate to do something Execution: “BIG RED BUTTONS!”, Contact Us manifestations Analytics Derive actionable insights But this is still largely Marketing.
  19. But what about… Social!!!
  20. Yet another REAL Techsailor example
  21. Do you see the difference in engagement level between this design….
  22. … and this design?
  23. There are many different ways of implementing more social elements to a site. These are but just some examples.
  24. That is Online Customer Engagement
  25. Thank you. We hope you find this helpful. If you have any more questions, do not hesitate to contact us!