Tag: russell webb russel web freelance graphic design

Design habits – Tip your hat to your design heroes

As a junior designer, way back when, I visited our local design museum (I studied in London, UK, so my local design museum was fortunately the rather impressive Design Museum in Shad Thames) and fantasied over how great it would of been to be involved in, say, designing a Charles and Ray Eames leather recliner, or Dysons Cyclone Vacuum cleaner.

Now I’m doing stuff I feel proud off, in the field of UX/UI, I thought it worthwhile to see if I could mirror the process these great designers took and document it from a UXers perspective. So, here we go. I started with the following criteria:

  • Give users choice.
  • Competition Analysis
  • Design with familiarity in mind
  • Prioritise features that add value – the “Magic Moment”
  • Beautiful execution
  • Todays’ Brave New World

Continue reading

Wireframing an iPad Casino App

Focusing on planning functionality and layout without design is the most efficient way of concentrating decision markers (especially business or product-owners) to agree on functionality without distraction. Think: function over form.

Personally I love to use traditional pen and paper for wireframing. How about you?

First launch feature areas

This is the main ‘shop window’ to the experience. On first launch, the user to launched in the gambling casino world. Pre-selected games adopt the ‘parallax scrolling’ technique and occupy the prime real estate. There is also functionality to drill down via category types. Account Management and Help are all ‘front-of-store’, as is the ability to push sign up and login promotions.

CasinoApp_Wireframing3

Continue reading

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

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

Android for Beginners

Welcome_to_Android_Cover_Page

Welcome to Android

Top down user experience

My client, a UK company  required a quick-start introduction to the world of Android. This involved, purely from a top-level, a walk through for senior executives to understand the driving principles of Android mobile from a a top-down user experience perspective.

Download the full deck on request

Welcome to Android - What is Android

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

Welcome to Android - How

Welcome to Android - How

Welcome to Android - Widget_Functionality

Welcome to Android - Widget_Functionality

Welcome to Android - Browser and Flash

Welcome to Android - Browser and Flash

Welcome to Android - Thanks

Welcome to Android - Thanks

Urban Design Proposal – Tower Hamlets County Council

Brief:

  • cover – 250 gsm Challenger offset
  • inside pages – neusiedler 100 gsm
  • 10mm No 7 SILVER wire bind
  • full CMYK throughout
  • 20 run

“Area Action Framework for the City Fringe, Isle of Dogs and Leaside”ZBT-Tower-Hamlets-Tender-Doc-1 Continue reading

SMART|WP Guide to Website Planning

Brief:

As a new start-up, SMART|WP have discovered a huge knowledge gulf that exits between SMEs and website developers.
As the central part of their offer the ‘SMART Guide to Website Planning’ was produced; this 150 page step-by-step guide is a template-driven, plain English electronic book consisting of ten chapters, with introductory starter pages, key point highlighted and a bespoke contents layout.

SMARTWP Smart Guide to Websire Planning

SMART|WP Smart Guide to Website Planning

SMARTWP Smart Guide to Website Planning - Contents Page

SMARTWP Smart Guide to Website Planning - Contents Page

SMARTWP Smart Guide to Website Planning - Separation Page

SMARTWP Smart Guide to Website Planning - Separation Page

SMARTWP Smart Guide to Website Planning - Typical Page

SMARTWP Smart Guide to Website Planning - Typical Page

Feel Stock Photography Catalogue

Client: Image100

Format:

  • 364 inside pgs
  • 150x228mm
  • 33CD’s
  • 2,820 images
  • faux suede embossed cover
  • 80,000 run
  • 1 generic
  • 12 custom
Feel catalogue

Feel catalogue

Feel Catalogue - Interior pages

Feel Catalogue - Interior pages

Feel Catalogue - Interior pages

Feel Catalogue - Interior pages

Feel Catalogue - Interior pages

Feel Catalogue - Interior pages

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑