The right website for you 2013

Copyright Sparta Technologies 2013 t/a SpartaPay

The Right Website 4 You

Zulf ChoudharyDirector at

www.spartapay.co.uk


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


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

About us


Why the web/mobile is important

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

Mobile Web vs. Mobile Apps127.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)

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


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

Wall of Death

Facts

Your BuyerYour Business

How?

The basic problem


Part

ner N

etw

ork

Key Activities

Key Resources

Cost Structure

Offer or Value

Customer Relationships

Distribution Channels

Revenue Steams

Customer Segm

ents

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

Business Canvas Approach: Understanding where you are in 9 Steps

Understanding your business


Your choices

My business

Shop

Online

Both

£

£


How? Key concepts

Website

E-commerce?

Finding you?

USP-Why?

Logistics?

Mobile?

Loyalty?


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

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

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


Website design

SkypeSputnik design


Website design key features

• Simple

• Navigation

• User Friendly

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


•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.

Website design


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 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

Mobile marketing- Clarity of thought


•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.

Why apps matter? You can

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


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

Main OS are as below :

Android operating systemAndroid 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 OSiPhone 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.

BlackberryBlackberry 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 seriesWindows Mobile is dead but WP8 is widely available. It has almost everything you can ever ask for in a smartphone and touch screens

SymbianNokia 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.

PalmThe 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.

Types of apps


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.


Define Your Need for a Mobile Site

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.

Mobile design factors


This is determined by the following

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

Design considerations


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

Key elements 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

Beware of pitfalls in mobile design


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: [email protected]

Address: SpartaPayUniversity of ManchesterArch 29, PO Box 88Sackville 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

Business

Transcript of The right website for you 2013