The right website for you 2013

The Right Website 4 You

Zulf Choudhary
Director at
www.spartapay.co.uk

Copyright Sparta Technologies 2013 t/a SpartaPay

Contents

• About Sparta
• Getting the right website for you
• Why web and mobile marketing?
• A few basics
• Know your customers, know your self
• What makes good design?
• Ways to Keep customers coming back
• How to build customer loyalty and branding
• Examples
• Further help


About us

We create bespoke mobile and web platforms
 Software outsourcing and social banking for over 10 years
 Key insight is social engagement and inclusion
 We are a spin out from The University of Manchester
 Lots of expertise
 Staff with varies IT backgrounds from private to public sector
 Good knowledge base at the Manchester University

Voted best EU
IT Project 2007


Why the web/mobile is important

30% will only wait 6-10 seconds
before leaving!

Mobile Web vs. Mobile Apps
127.6 million mobile users in the U.S.
and 108 million users in Europe
consumed mobile media through their
mobile browser or application in 2011,
about a 30% increase over 2010 (
comScore 2012)

http://www.internetworldstats.com/stats4.htm
https://snaphop.com/2012-mobile-marketing-statistics/#general


The basic problem

How?
Wall of Death

•Competition
•Brand
•channels
•Costs
•Customers
•The market
Your Business •Funding Your Buyer
•Price
•Operations
•Marketing
budgets

Facts

Understanding your business

Business Canvas Approach: Understanding where you are in 9 Steps

Customer
Relationships

Cu s
tom
Key Activities

er S
ork

egm
Offer
etw

Distribution

ent
or Value
er N

Channels

s
tn

Key
Par

Resources

Cost Revenue Steams
Structure

Source: Business Model Canvas: nine business model building blocks, Osterwalder 2010


Your choices

£

Shop

My business Online £

Both


How? Key concepts

Website
USP-
Mobile? Why?

Finding
Loyalty? you?

Logistics E-
? commerce?


Website challenges

• Design
• Search engine optimisation
• User friendliness
These matter as

http://econsultancy.com/uk/blog/61991-83-of-online-shoppers-need-support-to-complete-a-purchase-
stats?utm_medium=email&utm_source=daily_pulse


Website design examples

Or

Brand value: £2.5 billion Google’s brand value £70 billion

http://www.usatoday.com/story/money/business/2012/10/08/brands-most-value-lost/1619827/


Website design

Sputnik design Skype


Website design key features

• Simple

• Navigation

• User Friendly

Do not leave it to the web design company, its your business!


Website design

•Present the information to the user in a clear and concise way.

•Give the correct choices to the users in an obvious way.

•Remove any ambiguity regarding the consequences of an
action (e.g. clicking on delete/remove/purchase).

•Place important items in an appropriate area on a web page or
a web application.


Helping others find you

• SEO-search engine optimisation (design words, meta
tags and site maps etc.)

• Google analytics-free

• Know your customers behaviour-research


Website branding

Branding is what bring customers back. It is the quality that keep them loyal
to you

Attributes of branding.

• Perceived value or quality ( M&S, Apple)

• Quality of Service ( Co-op, local shops)

• Value that the services or product processes (branded goods)

Importance is as it keep customers loyal and coming back. so keep it fresh!


Mobile marketing- Clarity of thought
Mobile form factor forces you to think small, think direct,
think customer!

 User experience is different
 User expectations are different
 Content structure is different

See example-simple BBC App


Why apps matter? You can

•Influence and manage customers 24/7
•Immediate reach direct into customers hands
•People who download your app are your qualified leads
•Efficient work flow and tracking - PDA, Delivery notes, DHL etc.
•Anytime and anywhere: surfing, gaming, communications, marketing,
Networking, help and more etc.
•Not too costly
•Ecommerce worth-£6 billion in 2011. 90% are free apps.

http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats


Types of apps
‘APP’ is an abbreviation for software and design ‘applications’ on mobiles

Main OS are as below :
Android operating system
Android is the second most popular smartphone platform. This operating system runs on several smartphones, particularly the Google
Nexus. The Open Handset Alliance, which is made up of over 50 software and hardware manufacturers. The Open Handset Alliance is
made up of Sony Ericsson, Samsung, LG, Vodafone Group, Nvidia, Motorola, Intel, Google, Toshiba, HTC, and many more. Google
Android is powered by the Linux Kernel.

iPhone OS
iPhone OS, manufactured by Apple Inc., is the mobile phone version of Mac OSX. One unique feature that makes iPhone OS stand out is
that all the interaction with the phone can be conducted through the touch screen.

Blackberry
Blackberry is no doubt the most popular Smartphone of the corporate world. Like some other mobile OS's, it has popular features that
include a built-in keyboard and a thumbwheel control that is easy to use. It can synchronize well with your PC.

Windows Phone 8 series
Windows Mobile is dead but WP8 is widely available. It has almost everything you can ever ask for in a smartphone and touch screens

Symbian
Nokia acquired Symbian Software Limited in 2008. Devices running on Symbian OS make up the largest percentage of smartphones
sales worldwide. But Nokia is moving over to Windows 8.

Palm
The palm OS is a mobile operating system that was designed by Palm, Inc., in 1996. It was initially designed for PDAs, however, later
versions have been designed for smartphones and other mobile devices. It offers a unique touch screen that is easy to use.


Smart phones and tablets

Think about the costs as they have:

•Different operating systems
•Different form factor-size
•Different specifications
•Different markets targeted
•Different functions

Chose the ones for your customers
and within your budget.


Mobile design factors

Usually a mobile website design project comes about through one of the
following circumstances:

•It’s a brand new website in need of both a desktop and mobile strategy.
•It’s a redesign of an existing website, which will include a new mobile site.
•It’s an addition of a mobile site to an existing desktop site, which won’t be
changing.

Each of these issues brings a different set of requirements, which will help
you determine the best way forward as you consider the items discussed
below.


Design considerations

This is determined by the following

•Form factor-size and weight etc
•Eyes
•Fingers
•Thumb
•Connectivity


Key elements in mobile design
1. Simplicity Is Golden, user behaviour is king

2. Single-Column Layouts Usually Work Best

3. Vertical Hierarchy: Think in Collapsible Terms

4. Go From “Clickable” to “Tappable”

5. Provide Interaction Feedback

6. Test Your Mobile Website

Example of 2

Example of 1,2 3


Beware of pitfalls in mobile design
• Over-blown visuals.
• Neglecting technological limitations, such as slow Internet
connection, slow processors and single-threaded OS architectures.
• Confusing navigation (flow, layout and taxonomy).
• Confusing the iPhone with a computer. Neglecting to use new
iPhone interactions (fingers instead of the mouse; multi-touch
gestures; turn, tilt and rotate) and technological features such as
phone functions, built-in GPS and accelerometer.
• Disregard of context. A lack of understanding of how, when, where
and why the mobile device is being used.

Internet speeds


Conclusion

• Keep it simple

• Mobile market is worth over £6 billion and set to expand to
16 billion by 2015

• All services will be mobile based within the next 2years

Its about design and customer focus – make it easier for
your customers to find and buy from you!


Thank you
If you have any questions please contact me

Telephone: 0161 306 5848

Email: mchoudhary@spartapay.co.uk

Address: SpartaPay
University of Manchester
Arch 29, PO Box 88
Sackville Street
www.spartapay.co.uk


Networks List
Free website tools and graphic design ideas
•Content Management Systems: Wordpress
•Document Managing and Editing Tools: Google Docs, Syncplicity, Docs.com, Dropbox
•http://www.graphic-design.com/Web/web_color.html Communication
•http://www.dreamgrow.com/15-must-know-facts-on-how-people-view-websites/
•Blogs: Blogger, ExpressionEngine, LiveJournal, Open Diary, TypePad, Vox, WordPress, Xanga
•Microblogging: FMyLife, Foursquare, Jaiku, Plurk, Posterous, Tumblr, Twitter, Qaiku, Yammer, Google Buzz
•Location-based social networks: Foursquare, Gowalla, Facebook places, The Hotlist
•Social networking: ASmallWorld,Cyworld, Facebook, Hi5, LinkedIn, MySpace, Orkut, Tagged, XING

Events: Eventful, The Hotlist, Meetup.com, Upcoming
•Information Aggregators: Netvibes, Twine (website)
•Online Advocacy and Fundraising: Causes, Kickstarter

Collaboration/authority building
•Wikis: PBworks, Wetpaint, Wikia, Wikimedia
•Social bookmarking (or social tagging):[16] CiteULike, Delicious, Diigo, Google Reader, StumbleUpon, folkd
•Social news: Digg, Mixx, NowPublic, Reddit, Newsvine, MyWeboo
•Social navigation: Trapster, Waze [17]

Multimedia
•Photography and art sharing: deviantArt, Flickr, Photobucket, Picasa, SmugMug, Zooomr, BetweenCreation
•Video sharing: sevenload, Viddler, Vimeo, YouTube, Dailymotion, Metacafe, Nico Nico Douga, Openfilm, TubeMogul
•Livecasting: Justin.tv, Livestream, OpenCU, Skype, Stickam, Ustream
•Music and audio sharing: ccMixter, Pandora Radio, Last.fm, MySpace Music, ReverbNation.com, ShareTheMusic, The Hype Machine
•Presentation sharing: scribd, SlideShare

Reviews and opinions
•Product reviews: epinions.com, MouthShut.com
•Business reviews: Customer Lobby, Yelp, Inc.
•Community Q&A: Askville, EHow, Stack Exchange, WikiAnswers, Yahoo! Answers

Entertainment
•Media and entertainment platforms: Cisco Eos
•Virtual worlds: Active Worlds, Forterra Systems, Second Life, The Sims Online
•Game sharing: Kongregate, Miniclip

Brand monitoring
•Social media measurement: Attensity, Statsit, Sysomos, Vocus


The right website for you 2013

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (6)

Más de JohnKeys

Más de JohnKeys (10)

Último

Último (20)

The right website for you 2013