Author: RussellW3bbDesign

  • Design Principles #1; Experimenting with layout

    Design Principles #1; Experimenting with layout

    How layout influences our design (Part I)

    Whether you are working in publishing, online or advertising, the fundamental ideas (which may overlap) about the practice of good ‘layout’ composition will always form the basic structure of your design. The elements form the ‘vocabulary‘ of the design, while the principles constitute the broader aspects of its composition. Here I have compiled a loose set of principles that all revolve around the fundamentals of layout graphic design.

    This is Part 1 of a 2-Part series: To jump forward to this second part please click here

    1. Spectrum of colour

    02_layout_Formats-Spectrum
    The Colour Spectrum

    If you find yourself searching for inspiration and you have a tight deadline (usual story!) you can always gather a choice selection of compelling images and apply this technique. Essentially you are creating with the creative, it’s an effective demonstration of imagery and a (relatively) easy application of technique – what client wouldn’t be happy with this exciting, *warm colour spectrum of ideas?

    *Warm colors are a group of colors that consist of reds, yellows, and oranges.

    2. Text Manipulation

    03_layout_Formats-Calendar
    Calender Promotion though text manipulatioin

    Through the calender year designers have the luxury of using calender promotion to deliver a punchier design. Here Valentines Day is effectively used and it is the negative space that forms an important part of the layout. There are two types of this type of space: positive and negative space.

    3. The Douple Page Stread (DPS) as a DPS

    04_layout_Formats-Spreads
    DPS as DPS

    Elevating your design by including a homage to past layouts is a trusted and effective design principle. See he News of The World’s final edition for the ultimate example.

    4. Subject Matter

    05_layout_Formats-Golf
    Subject matter and design lead

    Taking the subject matter of ‘Golf’, I have crafted a layout that touches a wide market appeal – this is a simple trick that draws in the fans of that subject.

    5. Design for colour groups

    06_layout_Formats-ColourGroups
    Colur Groups

    Having at your disposal an extensive range of images can definitely help with this principal. Here colour is used as a layout guide to help the potential end-user of these images realise an application. The relationship between these light and dark colour groups gives the layout depth and perception – this is also referred to as tone.

    6. The youth of today

    07_layout_Formats-Youth
    Youth of today

    Demonstrating your quality and breath of photography using the designers classic CMYK technique is as popular as ever. As a principle, the repetition of familiar form provide graphic designers with another string to their bow.

    This is two part examination of broad design principles russellwebbdesign generated for the design community. Please contact us further to discuss if your brand (ot it’s design) can really wants to benefit from effective communication and good graphic design: info@russellwebbdesign.co.uk

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

  • Can Boris Bikes turn London in to a world-class cycling city?

    Is this the future of cycling in London?

    It looks like Barclays have upped their game as providers of a sustainable cycling society for our capital city. With the release of their Barclays Cycle Hire App they have really set out their stall.See: Barclays Bike

    Barclys Bike

    Journey Planner

    Android version with videos linked to Barlcays Video channels

    Can the audience catch-on?

    Even their ATL material is reflecting a future thinking strategy. They obviously have the advantage of 1675 stores nationwide to form the most perfect billboard advertising. Aside from image consistency, (which Barclays do very well) the push for their Cycle Superhighway, a bold project, again underline their commitment to our sustainable ‘cycle’ city. Overall a great images, if a little photoshopped!

    20110716-112808.jpg
    Barclays Bike ATL in-store advertising

    Raising a banks profile

    As part of a multiple channel approach that is both two-fold; raising Barclays brand to become recognisable as omnipresent in our day-to-day life and providing a useful service far removed from ‘bad-boy’ financial services, Barclays have cleverly positioned themselves as THE environmentally aware corporate organisation that is there for it’s customers, both financially and as a environmental astute organisation.

    20110728-015746.jpg
    Both on the tube and throughout the National Rail Barcalys message is for clearly supporting London new ‘cycle’ pedigree

    How to market your App successfully

    True and effective App Marketing (There are now over 300,000 apps available for iPhone, iPad and iPod touch and surprisingly many of the best ones are free, more surprisingly only a fraction are kept for continual use) relies on three key points;

    1. Rigorous testing so when the end experiences your App for the first time the experience is nothing but positive. This testing should be used in your Software Development Life Cycle (SDLC) as default.
    2. Cross channel promotion using regular traditional media (print, campaign, advertising ) with what we can term ‘new’ traditional marcoms (banner ads, email campaigns, site take-overs, app store promotion, mini website) and complementing those channels with more UGC or 3.0 Web promo techniques (QR codes, reviews, competitions, games and FB pages)
    3. Word of month. We all know the best form of marketing is recommendation, the previous two points all attempt to get you to recommend this product or that service, if your apps allows you to do this by virtual sharing (FB or Twitter) or actual sharing (“Hey, have you seen this?”) then you’ve succeeded.
    20110728-021659.jpg
    Barclays Bike ATL outdoor advertising is also taking pride of place in London Piccadilly Circus
    20110728-021857.jpg
    Barclays Bike ATL outdoor advertising is also taking pride of place in London Piccadilly Circus

    This is only the views of russellwebbdesign. Please contact us further to discuss if your brand really wants from design: info@russellwebbdesign.co.uk

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

  • ‘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
  • Pay With Your Phone #4 – Voucher Payment

    Mobile Wallet Payment Experiences…#4

    You can watch the animated version here

     

    In-store mobile voucher payment

    The value of voucher purchase, and the growth of Groupon have inspired this type of purchase across many channels, especially mobile. The benefits mobile vouchers deliver include increased revenues, improved brand loyalty and instant, measurable direct-to-customer marketing.

    Pay With Your Phone#4 -Voucher Payment 1

     

    Jane takes her phone out while in the queue

    Pay With Your Phone#4 -Voucher Payment 2

     

    Jane confirms payment by entering her PIN

    Pay With Your Phone#4 -Voucher Payment 3

     

    She taps the payment terminal and the phone reacts

    Pay With Your Phone#4 -Voucher Payment 4

     

    She then rates the service inside the application and sends the results back

    Pay With Your Phone#4 -Voucher Payment 5

     

    She then shares this rating with friends on Facebook

    Pay With Your Phone#4 -Voucher Payment 6

     

    This is much better thinks Jane as she leaves the store

    Pay With Your Phone#4 -Voucher Payment 8

    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 #3 – Lunch offer

    Mobile Wallet Payment Experiences…#3

    YouTube ChannelYou can watch the animated version here

     

    Jane looks at her app to find an offer for lunch.

    Pay With Your Phone#3 - Lunch offer 1

     

    Restaurants are able to tailor deals by the hour and stores or services can offer discounts in real time. Consumers can take save a money AND have a unique experience. For mobile wallet solutions, this type of new service offers a way to differentiate from the small army of daily deal sites now flooding the market. See how Groupon do it here

    Jane is an avid shopper and is always interested in sales and discounts

    Pay With Your Phone#3 - Lunch offer 2

     

     

    She receives the weekly offers from her installed Payment Card mobile app

    Pay With Your Phone#3 - Lunch offer 3

     

     

    Jane’s latest transactions show purchases at pasta and pizza parlours

    Pay With Your Phone#3 - Lunch offer 4

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    She gets a

    notification of a new offer

    Pay With Your Phone#3 - Lunch offer 5

     

    A great offer appears that fits her perfectly

    Pay With Your Phone#3 - Lunch offer 6

     

    She pays for the offer and has a special deal on a catch-up meal with her friend

    Pay With Your Phone#3 - Lunch offer 7

    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

  • For Sale: Cnoc 16 / Age 4+ / £250*

    The Cnoc 16 is a perfectly proportioned starter bike for children who are true beginners or eager to pedal having mastered a balance bike. Used: some signs of cosmetic wear, but is fully operational and functions as intended. Scratches visible on photos. Bonus: 2 Free Batman bells and stabilising wheels;

    • Weighing just 5.6Kg the Cnoc 16 is effortless to pedal and carry
    • Islabikes’ frame geometry and components guarantee a perfect fit and flawless control
    • Micro-reach brake levers provide confident braking for the smallest of hands
    • Ultra-narrow Q-factor for comfortable and efficient pedalling action
    • Exclusive Islabikes chain guard keeps fingers safe and clothing clean
    • For children with a 42cm inside leg upwards
    he Cnoc’s components are designed to complement and work in tandem with our frame geometry providing your young rider the perfect fit

    More:

    Even more

    https://www.islabikes.co.uk/products/childrens-bike-starter-cnoc-16#:~:text=View%20the%20full%C2%A0Cnoc%20technical%20specification

    ***Please no offers as this is a great condition bike and it is keenly priced***