Category: Typography

The Art of Typography is the strategic manipulation of typeface selection and other fundamental variables like point size, line length and leading. This uses visual skills and principles. I’ve learnt to adjust the white space, perfect the tracking and kern the letters that combine to amplify the message’s content.

  • Protected: icanhaveit.com – Site Evolution to Revolution

    This content is password-protected. To view it, please enter the password below.

  • The perfect cycle hire companion tool

    Watch the video See ‘Barclays Bikes Android and iPhone App’ Video here

    Create the perfect companion tool for the Barclays Cycle Hire scheme

    Aims and objectives

    • Launch an application (on Android too) with better functionality and usability than all competitors.
    • Amplify Barclay’s dedication to innovation.
    • Make a positive contribution to London.
    • Promote active lives – and create business benefits from this.
    • Promote a sustainable and environmentally friendly mode of transport.

    Differentiate the app through strong Barclay’s brand presence

    From Boris bikes to Barclay’s bikes… ensure users are aware this is the official application and be the greatest Cycle Hire App ever

    Barclay’s Cycle Superhighways are new cycle lanes into central London from outer London

    • Improve cycling conditions for people who already commute by bike
    • Encourage those who don’t to take to pedal power and keep fit
    • Help cut congestion
    • Relieve overcrowding on public transport
    • Reduce emissions.

    Key ‘Must-Have’ features

    • Launch with iPhone and Android applications
    • Integrate cycle hire and cycle superhighways
    • A focus on enabling cyclists to ‘do and discover’
    • A focus on London as a cycling community
    • Core functionality around location and journeys
    • Additional functionality – a ‘must use’ application

    Here are just a selection of Android screens

    It was important that the growing Android community felt included as iOS is seen as the dominant player in this market. An entirely different UI was developed that benefited from Androids unique functionality. Widgets were developed and integrated features included to aid the experience.

    Cycle Finder

    Find the nearest docking station right now

    • Locate me (nearest docking stations)
    • 2D Map view (Google maps)
    • Satellite map view (Google maps)
    • Augmented Reality view
    • List view

    Superhighway

    Barclay’s Cycle Superhighways (BCS) are cycle routes running from outer London into central London. 

    • They give you safer, faster and more direct journeys into the city.
    • We’ve improved road surfaces and improved junctions for a more comfortable ride, and each Superhighway has a clear, unique identity, with blue surfaces to increase driver awareness.

     

    Watch the videoSee ‘Barclays Bikes Android and iPhone App’ Video here

    This is but part of a larger proposal russellwebbdesign designed and conceptualised for Barclays Capital. In this case it was a complete App Design, from providing the creative at pitch level to final delivery. To discuss what your brand really wants from mobile, contact us on: info@russellwebbdesign.co.uk

  • Pay With Your Phone #6 – Fashion Retail

    Mobile Wallet Payment Experiences…#6

    This is an edited presentation of the principles behind the concept ‘Pay with your Phone.’ Of all the mobile future touch-points the (now) more realistic possibility of a mobile wallet, NFC and simplistic mobile commerce perhaps has the most exiting potential. This post concentrates on the user journey ‘Buying clothes from high street retailers’

    Pay with your Phone #6You can watch the animated version here

    Buying clothes from high street retailers

    Integrating mobile into a comprehensive cross-channel strategy ensures that you are meeting your customers where and how they shop for your products.

    Jane is shopping on her phone on her journey home

    Using any mobile m-commerce version of a high street retailer signed up to the mobile transaction Jane is able to browse, search and select her favourite clothes item

    Pay With Your Phone#6 - Fashion Retail 3

    She adds a few items to her shopping cart and checks out

    Adding her favourite items to the mobile webs version of any high street retailer the route to purchase could not simpler

    The mobile site auto-connects to Jane’s mobile wallet and verifies available credit

    Using the systems integrated approach high street shopping, a fluid and pain free route to purchase is enabled

    No card details need to be entered and the delivery address is stored in the phone

    The mobile wallets functionality pre-stores the delivery address to enable fluid transaction

    The money is debited and the goods are shipped

    Back-end integration aids the purchaser through the intricacies of mobile commerce

    Jane receives her package after a few days

    Following traditional transaction process the purchase is delivered to Jane’s door

    Please get in touch

    This is but part of a selection of consumer experiences russellwebbdesign generated for credit card payment concept ideas. Here only the first three experiences have been made available. Should your company wish to find out more about this emerging new technology; please get in touch

    Pay With Your Phone#6 - Fashion Retail 8

    Pay with your Phone #6You can watch the animated version here

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

  • 5 Key points when designing for Direct Mail (DM)

    What is Direct Mail (DM)

    direct_mail-layout1
    Direct marketing

    For many businesses, Direct Mail (DM) is by far the most cost-effective form of marketing. It allows you to target customers with greater accuracy than any other method.

    1. Target your design efforts

    Products and services directly to the end-user
    Products and services directly to the end-user

    Careful preparation to get the response rates you want is the way forward. These design have been specifically designed to hit those key demographics that statistically afford you the return thats worth it.

    2. Appeal to your target market

    Highly effective in both business and consumer markets
    Highly effective in both business and consumer markets

    DM is about hitting the right note, if you have a demographic that is heavily involved on the urban design and town p;anning make sure you create a series of compelling imagery around that subject matter. Here Architecture has been targeted, make sure your DM piece is effectively targeted too.

    3. “Feel” DM as part of an integrated promotional strategy

    feel-DM
    Feel DM piece – 25,000 print run

    Try a little variety with folded postcards and win your business more sales in the process. This is really how to crate a point of difference, a definite plus point in this tough market.

    4. Feel DM for image library Corbis

    ABC of DM
    Simple configuration of the fold provide that extra design resource

    5. Make an impact with a strong headline and bold imagery.

    Like reading a newspaper, the headline is the first thing people see before deciding to read the entire article or direct mail piece.

    Once a designer understands the best practices of direct mail design, they have the opportunity to adjust elements and test what works best for their audience. Split the mailing list in half and always test something; one thing at a time (i.e. – headline only, offer only, positioning of images, etc). Be sure to have a strategy in place to measure responses.

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

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

     

  • 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