e-site design
TRANSCRIPT
E-SITE DESIGNHow your business-site could attract people to keep their eyes on it and interfere their behaviour upon your brand or product deeply.
IS IT A MUST, WEBSITE?* 24/7, 350 days a year* Professional image* Simple cheap store (Information, sell products)
* Presenting your brand to global market and unpredictable audience
* More than 20 shoppers are browsing online (It’s about easiness)
CRUCIAL THINGS ON WEBSITE
• Accessibility : able to be opened?
• Usability : effectiveness, efficiency
and satisfaction• Information architecture : navigation
• Visual design : harmonization
• Web analytics : identify the goal’s
achieving• SEO optimization • Priority : Emphasizing precious points.
E-SITE HELPS
CONSUMER TO?
• Buy their needs rapidly
• Find information in order
to decide option before
purchasing
• Save the money and time
• Interact with the company
• Enjoy a better web-
experiences
ANALYTIC IS NEEDEDTO MEASURE MARKETER
OBJECTIVES
• Consumer Acquisition
• Consumer Retention
• Consumer Extension
Achieving The Objectives:
• Content
• Ease To Use
• Quick To Download/Use
• Frequently Updated
Online Value Proposition (OVP)
• Find a proposition that explains what
your organization web site should offer:
- the differences from your competitors
- something that is not available in the
real world
- making a difference to your customers’
live
What next after having the proposition?
• We need to leverage the
proposition in traffic building
• State clearly the proposition
on-site
• Deliver on the proposition
through all interactions
Rosenfeld and Morville (2002) : Four stages of research which help achieve
customer orientation
• Identify different audiences• Rank importance of each to business
• List the three most important
information needs of audience• Ask representative of each audience type to develop their own wish lists
Dynamic design and personalization
Personalization helps to :• Sell – make it easier for customers to select the products
• Serve - make the service • Speak – customer can select the type of communications they want to receive
• Sizzle – add value, strengthen the brand, and develop the relationship
Options for Personalization
• Customer or company name
• Date or time
• Country
• Customers preferences
• Recommendation algorithms
• Aesthetics = graphics + color + style + layout and typography
• Site personality: formal, fun, engaging, hiburan, professional, ataupun serius
Site style
• Information-intensive siteBanyak text , dengan tujuan mempergunakan space tersebut secara maksimal dan menayangkan informasi-informasi yang dalam dan bernilai bagi pengunjungnya.
• Graphics-intensive siteSedikit text, namun memperbanyak grafis dan juga animasi yang digunakan untuk menimbulkan impression.
Halangan dalam mendesain site
Terkait dengan:1.Modem and download time2.Screem resolution fluid design =desainnya memaksimalkan space
yang ada di layar monitor, menyesuaikan dengan screen resolution di atasnya
fixed design3.Number of colour4.Browser5.Plug-in and download time6.Font size,7.Platform
Visual desain• Desain yang baik First impression yang baik membangun kepercayaan dan juga menentukan tone untuk future experience.
• keseimbangan desain visual dan juga tingkat accessibility, usability, persuasi dan juga branding.
Color• Pemilihan warna harus tepat secara :1.personality dari target audience2.colour scheme yang sesuai dengan brandnya3.usability dan juga accessibility.• Setiap warna memiliki temperature-nya masing-masing
• Setiap warna juga memiliki arti yang berbeda atau sebagai suatu symbol.
• Background lebih cenderung diisi oleh warna-warna contras, sedangkan menggunakan tinted boxes sangat bermanfaat untuk meng-highlite content yang ingin kita tekankan kepada visitors untuk dibuka.
Typografi• gunakan typografi yang konsisten ke seluruh bagian site.
• Batasi penggunaan tipe font dan juga ukuran yang berbeda.
• Penggunaan font san-serif sangat cocok untuk web, karena terlihat lebih tajam pada layar.
• penggunaan left justified untuk body text sangat cocok untuk website.
• Penggunaan judul atau headline usahakan jangan menggunakan gambar. Karena akan menghalangi search-enggine untuk menemukannya.
…..Typography
• Jangan menggunakan underline body text,
example: hikayat pengembara
karena dapat dikira sebagai hyperlink oleh
pengunjung site tersebut.
• Gunakan standard untuk penulisan capital
headline dan juga link text:
Amazing new product released dianggap lebih
baik dari Amazing New Product Released
• Hindari penggunaan huruf italics karena sulit
di baca
Page design• Nama dan juga logo perusahaan harus
terhubung ke homepage bila di klik.
• Ada menu serta sub-menu sebagai
navigasi.
• Ada footer di bagian bawah halaman
page, sebagai referensi untuk
copyright dan juga informasi privasi.
• Page title for content
Copywriting
• Ahli komunikasi dari Amerika Serikat, Frank Jefkins, mengartikan copywriting sebagai seni penulisan pesan penjualan yang paling persuasif dan kuat.
• Seorang copywriting disebut dengan copywriter.
• Syarat utama menjadi copywriter adalah penguasaan bahasa
• CRABS (Chunky, Relevant, Accurate, Brief, Scannable)
Navigation and Structure• Ease of use = structure +navigation+ page layout + interaction
• three navigation rules for a navigation template :
1.Keep it simple2.Be consistent3.Signposts• Types of navigation :1.Global navigation2.Local navigation3.Contextual navigation4.Breadcrumbs
Interaction
• Interaction and two-way communications can help move customer through several stages of the buying process :
1.Learning2.Deciding3.Buying4.After-sales support
SMOOCH :*