Russell Webb Design

Category: Communication Design

Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people

  • ‘Revisiting’ a Price Comparison Restaurant Finder App

    MoneySuperMarket-PizzaApp

    Insight

    Many years ago, while conceptualising mobile experience for a London-based creative agency I proposed the following for a price comparison client. I wanted to post it here to illustrate how this type of creative has chnaged since back in the day. I love the mention of the App Store as being an ‘exciting place’, but more importantly I retrospectively enjoy the fluid hand-drawn presentation style I had back then. Read on for more old school insight!

    MoneySuperMarket_PizzaFinder-Scan_Page_1

    Insight

    Moneysupermarket (MSM) have a strategy to leverage their comparison brand and branch out into the App market. This is a very exciting space and MSM are keen to increase their presence.

    Brief

    Utilising the API source from Moneysupermarket, deliver a real WOW experience for leveraging to the Moneysupermarket brand a hand-held and convenient way to find a pizza near you. This app will be section designed, filtering out pizza types and sizes, allowing the user to access special deals and discounts relative to their location and providing a unique ‘radar’ feature for locating pizzas.

    MSM offer a difficult branding experience. Purely because the logo and the values of the company contradict each other. Clearly for a unified brand experience there needs to be some consistency – as MSM are generating a family of iPhone Apps, the same (or brand) should run across all interfaces. This App revolved around the red wine colour.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Loading Screen

    Following the suite of application already in existence this home page uses a brand texture while re-enforcing the new icon.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Home

    ‘Hot Deal’ and ‘New Offer’s are previewed via a carousel, the phone location software allows for offer nearst to you and feeds the ‘Latest Deals’ – all feed direct to the home page.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Pizza Price Compare

    Selecting a slice size and topping the app then uses the MSM customised API source to find pizzas set to that criteria.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Radar

    Adding a certain element that is both fun and ‘gimmicky’ the radar screen rotates and blips on finding the pizza near you.

    MoneySuperMarket - Pizza App. iPhone App to find and compare pizza located near to you.

    Registration page

    Adding your postcode and email address allows for MSM to feed your voucher and supply the user with an improved experience.

    russellwebbdesign

    RussellWebbDesign: Get your fill of UX trends, case studies and best practice

    Pique’d your interest?

    This is but part of a selec­tion of design information rus­sell­webb­de­sign gen­er­ated for the creative community out there. Please con­tact me fur­ther to dis­cuss how your brand can ben­e­fit from the new channel: info@russellwebbdesign.co.uk

    If something has peaked your interest. Please leave a comment below.

  • Pay With Your Phone #2 – Check Your Balance

    Mobile Wallet Payment Experiences…#2

    russellwebbdesign.co.ukYou can watch the animated version here

    Pay With Your Phone#2 - Check Balance 1

    Jane checks her bank balance on her way to work.

    Mobile banking users with smartphones check their accounts on average 18-20 times a month – compared to an average of six times a month for those accessing their accounts via online banking. see more

    Jane is on the bus. She wants to check her balance before making any purchase

    Pay With Your Phone#2 - Check Balance 2

    She gets her phone out to use the onscreen widget

    Pay With Your Phone#2 - Check Balance 3

    After holding her finger over the appropriate icon, her balance is displayed

    Pay With Your Phone#2 - Check Balance 4

    This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here: info@russellwebbdesign.co.uk

    Pay With Your Phone#2 - Check Balance 5

    You can preview the mini-presentation here or via our You Tube Channel here

    If this, or any other post has peaked your interest, please leave your comments below

  • Pay With Your Phone #1 – Pays by NFC

    Mobile Wallet Payment Experiences…#1

    YouTube ChannelYou can watch the animated version here

    Pay With Your Phone#1 - Pays by NFC 1

    Jane gets up and travels to work by bus. Pays with NFC.

    When your Android phone suddenly tells you that you get a 50% discount on travel with this bus company, Groupon just starts looking a bit frivolous. But what exactly is this experience and how can it work?

    Jane uses the bus to get to work.

    Pay With Your Phone#1 - Pays by NFC 2

    On the bus Jane uses her mobile wallet to pay for her ticket against a NFC terminal

    Pay With Your Phone#1 - Pays by NFC 3

    On payment she receives a “payment confirmation” message

    Pay With Your Phone#1 - Pays by NFC 4

    Mobile payment is much better

    Pay With Your Phone#1 - Pays by NFC 5

    This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here: info@russellwebbdesign.co.uk

    Pay With Your Phone#1 - Pays by NFC 6

     

    You can preview the mini-presentation here or via our You Tube Channel here

    If this, or any other post has peaked your interest, please leave your comments below

  • A2 Mailer Poster Concept

    For New Toy (MiG Mobile Interactive London)

    Developed as a concept only, this A2 poster piece captures the more experiential and design-led projects the company NewToy, a subsidiary fo MiG (Mobile Interactive Group) became renowned for.

    newToy London 4fold_Page 1
    newToy London 4fold_Page 1

    newToy London 4fold_Page 1
    newToy London 4fold_Page 1

    newToyLondon-4fold_Page_2
    newToyLondon-4fold_Page_2

  • Android for Beginners

    Android for Beginners

    This quick start guide aimed to demystify the mobile platform and equip them with key insights from a high-level perspective *

    * Please note: This is circa 2011, so go easy

    Contents

    Welcome_to_Android_Cover_Page
    Welcome to Android

    The Essence of a mobile platform

    Imagine being a senior executive at a UK company, suddenly tasked with understanding the intricate world of Android. Time is tight, and you need a crash course that cuts through the technical jargon and delivers the essence of this mobile platform. That’s where I stepped in.

    For senior executives

    My UK client were seeking a crash course in the world of Android, I crafted a top-down, user-experience-focused overview of its driving principles.

    Download the full deck on request

    Welcome to Android - What is Android

    What is Android?

    This quick-start guide wasn’t just about features and functionalities; it was about the why behind them. In essence, how Android shapes user interactions, from app design to navigation and information consumption.

    Welcome to Android - An Open Operating System
    Welcome to Android – An Open Operating System
    Welcome to Android - 70000 App and Counting
    Welcome to Android – 70000_App and Counting

    By focusing on the driving principles that underpin the Android experience, equipping the user with the knowledge to make informed decisions. Whether you’re evaluating potential development projects, understanding your target audience’s behaviour, or simply staying ahead of the curve, this guide provided a solid foundation.

    Welcome to Android - How
    Welcome to Android – How

    Design for Humans

    Welcome to Android - Widget_Functionality
    Welcome to Android – Widget_Functionality

    Understanding the user experience isn’t just about technical specifications; it’s about grasping the human element that drives engagement and ultimately, success. This quick-start guide was designed to do just that, empowering you to navigate the world of Android with confidence and clarity.

    Android Widgets: Tiny Tools, Big Impact

    Think of Android widgets as miniature apps living on your home screen. They offer:

    • Quick Info: Weather, news, calendar events, and more at a glance.
    • Instant Actions: Play music, add events, control smart devices – all without opening the app.
    • Customization: Choose size, information, and even themes to fit your needs.

    These handy tools boost your efficiency, personalize your experience, and keep you informed without opening full apps. Explore various types like simple info displays, scrollable lists, and interactive buttons to find the perfect fit for your needs.

    Welcome to Android - Browser and Flash
    Welcome to Android – Browser and Flash

    The End of an Era

    RIP Flash

    Flash was designed for the desktop era. I have left this in as IT IS interesting to get an insight in UX 15-years-ago, but to clear: ANDROID DOES NOT USE FLASH NOW

    Why?

    Outdated tech: Flash wasn’t built for touchscreens. It will drain batteries and there is no native support.

    Security sieve: Flash’s history of vulnerabilities made it a hacker magnet.

    Better options emerged: HTML5 and native apps offered richer, safer experiences.

    scenic view of sky during sunset
    Photo by Rahul Pandit on Pexels.com

    Adobe officially announced the end of Flash in 2017. Its inability to adapt to the changing landscape left it vulnerable to the more agile and secure alternatives that had taken center stage.

    While Flash may hold a place in internet history, its reign in the mobile world was short-lived, ultimately succumbing to the demands of a faster, more secure, and user-centric mobile experience.

    Welcome to Android - Thanks
    Welcome to Android – Thanks

    Discover high-impact UX case studies

    Portfolio case studies describing design, my UX process, and business impact.

    From boosting user adoption in fintech, to improving trust with responsible gambling through to retaining Millennials in the world of ‘digital lotteries UX’ to leveraging key USPs for mobile healthcare.

    My Case Studies
    Quick-Look PDF

    Get in touch

    15 Years Experience | Workshop Wizard | Design System Ninja
    Finance | Gambling | Healthcare | Recruitment

    Say hello

    Email

    I am frequently online so will always get back you

    Email me

    info@russellwebbdesign.co.uk

    Let’s connect

    LinkedIn

    Please review my profile to connect

    Linkedin

    linkedin.com/in/webbrussell

    Download and keep

    CV
    Russell Webb is a User experience Designer who digs deeper when implementing Design Systems, who facilitates workshops with local building societies up to asset managers behemoth and who builds design teams by sharing best practice and mentoring through the stack.

    Workshops to stakeholder mngt and much more

    Russell Webb CV

    Or just leave a comment below.

  • Oakgrove Milliennium Community Bid Proposal

    Client:

    Gardner Stewart Architects

    Brief:

    • Design a brand marque encompassing all the technical, sustainable and innovative aspects of Oakgrove Millennium Community
    • £500M brownfield site covering 74 acre
    • 1,300 new homes (30% affordable housing)
    • IT-enabled (linking homes, shops and schools)

    Oakgrove-MASTERPLAN
    The Oakgrove area is a 30 hectare (74 acre) brownfield site, owned by Milton Keynes Partnership, on the eastern side of Milton Keynes. Description The site is envisaged to accommodate 1,100 new homes (of which 30% will be affordable), a neighbourhood centre, and open spaces. Development Stage An outline planning application has been approved by Milton Keynes Council. Start Date Construction is expected to start Summer 2011. Completion Date The development of Oakgrove is envisaged to be complete by 2019. Developer Homes will be built by Crest Nicholson.

    Oakgrove_Logo_Study
    The document amplifies the key principles, in a magazine-led manner, for the development of the site from an architectural perspective. It was adopted as principle driver that eventually won the £500m contract over 11 years.

    The Oakgrove Millennium Community includes all of the Oakgrove and part of the Middleton grid squares. The site is allocated for housing, recreation, community and commercial facilities in the emerging Milton Keynes Local Plan.

    Oakgrove is one of seven Millennium Communities being promoted by ODPM and English Partnerships as national exemplars for sustainable development. Each Millennium Community has to achieve particularly high environmental standards, whilst having its own unique identity. Oakgrove’s is based on making the most of high specification Information Communication Technology.

    The draft Framework was subject to extensive consultation and the adopted version was amended where appropriate as a result of comments received.

    http://www.cabe.org.uk/design-review/oakgrove-millennium-community

    OakgroveMilleniumCommunityBid_Ecology_Corridor
    OakgroveMilleniumCommunityBid_Ecology_Corridor

    OakgroveMilleniumCommunityBid_Green_Radials
    OakgroveMilleniumCommunityBid_Green_Radials

    OakgroveMilleniumCommunityBid_Northern_Gateway
    OakgroveMilleniumCommunityBid_Northern_Gateway

    OakgroveMilleniumCommunityBid_Resident_Gardens
    OakgroveMilleniumCommunityBid_Cover

    OakgroveMilleniumCommunityBid_Fold_Out
    OakgroveMilleniumCommunityBid_Fold_Out