ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Engaging Your Customers Online
by Leon (C.K.) Leong
Marrying Design & Business
30 July 2010
Marrying design and business
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 ¨C Project Manager, Ashley ¨C Designer, Leon ¨C 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 ±ð³æ²¹³¾±è±ô±ð¡­
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 ±ð³æ²¹³¾±è±ô±ð¡­
Marrying design and business
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 (20)

PDF
Great Web Design = Leads & Sales
Bayshore Solutions
?
PDF
Chapter 2 | Website design & development - pf
MikaStuttaford
?
PDF
Chapter 2 | Website design & development
MikaStuttaford
?
PDF
Website hints and tips for small businesses referon 06.03.13
Nigel Harding
?
PDF
robbin farrell resume
Robbin Farrell
?
PDF
Knowing How Your Business Works Makes Your Design Work
Melissa Ng
?
PDF
Hci 02-2
Kookkik Nutsudapan
?
PPTX
Design for Cross Channel - UX Week 2012 Workshop
Samantha Starmer
?
PDF
Website design and conversion
P&CO
?
PDF
Internet Retailer Web Design 2014 - Product Page
sweiskircher
?
PPTX
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
MLD/Mel Lim Design
?
PDF
UofC Digital Marketing Lecture 2
John Hutchings
?
PDF
Charting the Successful Redesign of an Independent Ecommerce Small Business ¡ª...
Josh Levine
?
PDF
Class 4: Introduction to web technology entrepreneurship
allanchao
?
KEY
Building a website CMIS 542 2012
Pinny
?
PDF
Designing the user experience
Sean Donnelly BA MSc QFA
?
PPT
Effective Websites
connexins
?
PPT
UoC Digital Marketing Lecture 2
JOHN Hutchings
?
PDF
Introduction to Web Design
Victor M. Ortiz
?
DOCX
Web Desiner vs web Developer
AliAhmad604
?
Great Web Design = Leads & Sales
Bayshore Solutions
?
Chapter 2 | Website design & development - pf
MikaStuttaford
?
Chapter 2 | Website design & development
MikaStuttaford
?
Website hints and tips for small businesses referon 06.03.13
Nigel Harding
?
robbin farrell resume
Robbin Farrell
?
Knowing How Your Business Works Makes Your Design Work
Melissa Ng
?
Design for Cross Channel - UX Week 2012 Workshop
Samantha Starmer
?
Website design and conversion
P&CO
?
Internet Retailer Web Design 2014 - Product Page
sweiskircher
?
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
MLD/Mel Lim Design
?
UofC Digital Marketing Lecture 2
John Hutchings
?
Charting the Successful Redesign of an Independent Ecommerce Small Business ¡ª...
Josh Levine
?
Class 4: Introduction to web technology entrepreneurship
allanchao
?
Building a website CMIS 542 2012
Pinny
?
Designing the user experience
Sean Donnelly BA MSc QFA
?
Effective Websites
connexins
?
UoC Digital Marketing Lecture 2
JOHN Hutchings
?
Introduction to Web Design
Victor M. Ortiz
?
Web Desiner vs web Developer
AliAhmad604
?

Recently uploaded (20)

PDF
DoS Attack vs DDoS Attack_ The Silent Wars of the Internet.pdf
CyberPro Magazine
?
PDF
Darley - FIRST Copenhagen Lightning Talk (2025-06-26) Epochalypse 2038 - Time...
treyka
?
PDF
¡°Scaling i.MX Applications Processors¡¯ Native Edge AI with Discrete AI Accele...
Edge AI and Vision Alliance
?
PDF
Understanding The True Cost of DynamoDB Webinar
ScyllaDB
?
PDF
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
?
PDF
Bridging CAD, IBM TRIRIGA & GIS with FME: The Portland Public Schools Case
Safe Software
?
PDF
Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical Universes
Saikat Basu
?
PDF
How to Comply With Saudi Arabia¡¯s National Cybersecurity Regulations.pdf
Bluechip Advanced Technologies
?
PDF
Hello I'm "AI" Your New _________________
Dr. Tathagat Varma
?
PDF
TrustArc Webinar - Navigating APAC Data Privacy Laws: Compliance & Challenges
TrustArc
?
PPTX
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
?
PPTX
2025 HackRedCon Cyber Career Paths.pptx Scott Stanton
Scott Stanton
?
PDF
99 Bottles of Trust on the Wall ¡ª Operational Principles for Trust in Cyber C...
treyka
?
PDF
Proactive Server and System Monitoring with FME: Using HTTP and System Caller...
Safe Software
?
PPTX
MARTSIA: A Tool for Confidential Data Exchange via Public Blockchain - Poster...
Michele Kryston
?
PDF
Automating the Geo-Referencing of Historic Aerial Photography in Flanders
Safe Software
?
PDF
''Taming Explosive Growth: Building Resilience in a Hyper-Scaled Financial Pl...
Fwdays
?
PDF
Pipeline Industry IoT - Real Time Data Monitoring
Safe Software
?
PDF
Dev Dives: Accelerating agentic automation with Autopilot for Everyone
UiPathCommunity
?
PDF
Optimizing the trajectory of a wheel loader working in short loading cycles
Reno Filla
?
DoS Attack vs DDoS Attack_ The Silent Wars of the Internet.pdf
CyberPro Magazine
?
Darley - FIRST Copenhagen Lightning Talk (2025-06-26) Epochalypse 2038 - Time...
treyka
?
¡°Scaling i.MX Applications Processors¡¯ Native Edge AI with Discrete AI Accele...
Edge AI and Vision Alliance
?
Understanding The True Cost of DynamoDB Webinar
ScyllaDB
?
ArcGIS Utility Network Migration - The Hunter Water Story
Safe Software
?
Bridging CAD, IBM TRIRIGA & GIS with FME: The Portland Public Schools Case
Safe Software
?
Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical Universes
Saikat Basu
?
How to Comply With Saudi Arabia¡¯s National Cybersecurity Regulations.pdf
Bluechip Advanced Technologies
?
Hello I'm "AI" Your New _________________
Dr. Tathagat Varma
?
TrustArc Webinar - Navigating APAC Data Privacy Laws: Compliance & Challenges
TrustArc
?
01_Approach Cyber- DORA Incident Management.pptx
FinTech Belgium
?
2025 HackRedCon Cyber Career Paths.pptx Scott Stanton
Scott Stanton
?
99 Bottles of Trust on the Wall ¡ª Operational Principles for Trust in Cyber C...
treyka
?
Proactive Server and System Monitoring with FME: Using HTTP and System Caller...
Safe Software
?
MARTSIA: A Tool for Confidential Data Exchange via Public Blockchain - Poster...
Michele Kryston
?
Automating the Geo-Referencing of Historic Aerial Photography in Flanders
Safe Software
?
''Taming Explosive Growth: Building Resilience in a Hyper-Scaled Financial Pl...
Fwdays
?
Pipeline Industry IoT - Real Time Data Monitoring
Safe Software
?
Dev Dives: Accelerating agentic automation with Autopilot for Everyone
UiPathCommunity
?
Optimizing the trajectory of a wheel loader working in short loading cycles
Reno Filla
?
Ad

Marrying design and business

Editor's Notes

  • #2: 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.
  • #3: How close should design and business be integrated? As close as a newly-wedded couple!
  • #4: Web Designer Depot posed a very interesting question.
  • #5: First question: What¡¯s the difference between art and design?
  • #6: The difference between art & design: Good art is interpreted, good design is understood.
  • #7: The difference between art & design: good art sends a different message to everyone, good design sends the same message to everyone.
  • #8: In project management, it¡¯s well-known that there are constant disagreements between the various roles.
  • #9: Daily chronicles of a project team¡­
  • #10: We¡¯re all driven by our individual mindsets.
  • #11: Let¡¯s take a step back and look at the ¡°spectators¡±¡­.
  • #12: Second question: What¡¯s the purpose of a design?
  • #13: To communicate and prompt-to-action
  • #14: Here¡¯s what a user experience cycle look like.
  • #15: An example of Adobe¡¯s Model¡­
  • #16: Here¡¯s a REAL Techsailor ±ð³æ²¹³¾±è±ô±ð¡­
  • #17: Do you see the difference before¡­.
  • #18: ¡­ and after?
  • #19: 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.
  • #20: But what about¡­ Social!!!
  • #21: Yet another REAL Techsailor example
  • #22: Do you see the difference in engagement level between this design¡­.
  • #23: ¡­ and this design?
  • #24: There are many different ways of implementing more social elements to a site. These are but just some examples.
  • #25: That is Online Customer Engagement
  • #26: Thank you. We hope you find this helpful. If you have any more questions, do not hesitate to contact us!