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

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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
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
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 

Recently uploaded (20)

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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
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 ...
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 

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!