The right website for you 2013


Published on

This workshop will show you the difference between online & offline shops and the different building blocks for a good website. You should leave the session with the knowledge & tools to development & define a website specification for your business.

Published in: Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

The right website for you 2013

  1. 1. The Right Website 4 You Zulf Choudhary Director at Sparta Technologies 2013 t/a SpartaPay
  2. 2. 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 helpCopyright Sparta Technologies 2013 t/a SpartaPay
  3. 3. 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 2007Copyright Sparta Technologies 2013 t/a SpartaPay
  4. 4. 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) Sparta Technologies 2013 t/a SpartaPay
  5. 5. The basic problem How? Wall of Death •Competition •Brand •channels •Costs •Customers •The market Your Business •Funding Your Buyer •Price •Operations •Marketing budgets FactsCopyright Sparta Technologies 2013 t/a SpartaPay
  6. 6. 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 2010Copyright Sparta Technologies 2013 t/a SpartaPay
  7. 7. Your choices £ Shop My business Online £ BothCopyright Sparta Technologies 2013 t/a SpartaPay
  8. 8. How? Key concepts Website USP- Mobile? Why? Finding Loyalty? you? Logistics E- ? commerce?Copyright Sparta Technologies 2013 t/a SpartaPay
  9. 9. Website challenges • Design • Search engine optimisation • User friendliness These matter as stats?utm_medium=email&utm_source=daily_pulseCopyright Sparta Technologies 2013 t/a SpartaPay
  10. 10. Website design examples Or Brand value: £2.5 billion Google’s brand value £70 billion Sparta Technologies 2013 t/a SpartaPay
  11. 11. Website design Sputnik design SkypeCopyright Sparta Technologies 2013 t/a SpartaPay
  12. 12. Website design key features • Simple • Navigation • User Friendly Do not leave it to the web design company, its your business!Copyright Sparta Technologies 2013 t/a SpartaPay
  13. 13. 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.Copyright Sparta Technologies 2013 t/a SpartaPay
  14. 14. Helping others find you • SEO-search engine optimisation (design words, meta tags and site maps etc.) • Google analytics-free • Know your customers behaviour-researchCopyright Sparta Technologies 2013 t/a SpartaPay
  15. 15. 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!Copyright Sparta Technologies 2013 t/a SpartaPay
  16. 16. 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 AppCopyright Sparta Technologies 2013 t/a SpartaPay
  17. 17. 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. Sparta Technologies 2013 t/a SpartaPay
  18. 18. 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 OSs, 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.Copyright Sparta Technologies 2013 t/a SpartaPay
  19. 19. 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.Copyright Sparta Technologies 2013 t/a SpartaPay
  20. 20. 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.Copyright Sparta Technologies 2013 t/a SpartaPay
  21. 21. Design considerations This is determined by the following •Form factor-size and weight etc •Eyes •Fingers •Thumb •ConnectivityCopyright Sparta Technologies 2013 t/a SpartaPay
  22. 22. 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 3Copyright Sparta Technologies 2013 t/a SpartaPay
  23. 23. 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 speedsCopyright Sparta Technologies 2013 t/a SpartaPay
  24. 24. 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!Copyright Sparta Technologies 2013 t/a SpartaPay
  25. 25. Thank you If you have any questions please contact me Telephone: 0161 306 5848 Email: Address: SpartaPay University of Manchester Arch 29, PO Box 88 Sackville Street Sparta Technologies 2013 t/a SpartaPay
  26. 26. Networks List Free website tools and graphic design ideas •Content Management Systems: Wordpress •Document Managing and Editing Tools: Google Docs, Syncplicity,, Dropbox • Communication • •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,, 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:, Livestream, OpenCU, Skype, Stickam, Ustream •Music and audio sharing: ccMixter, Pandora Radio,, MySpace Music,, ShareTheMusic, The Hype Machine •Presentation sharing: scribd, SlideShare Reviews and opinions •Product reviews:, •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, VocusCopyright Sparta Technologies 2013 t/a SpartaPay