ºÝºÝߣ

ºÝºÝߣ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

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!