Tag: senior designer (page 1 of 4)

How user personas can help crystallise the early stage design process

B2B UX Case Study – Automotive Dealer Portal

I was recently asked to provide insight for a dealer portal for a very large automotive client. There was a definite opportunity in their market to improve their internal front end offering – but very early on it was clear there was a lack of understanding of who their audience was. How their needs and wants differed and what, as customers, they were looking for.

So, before deep-diving in the UX,  I produced a selection of personas to focus down the teams expectations and unite the groups thinking. I’m taking for granted that we are all aware that personas represent a typical user, based on user research and incorporate user goals, needs, and interests. Here I created four (4) personas, Hilary, Gary, Donald and Bernie;

1.1 – Hillary, a Competitive Owner / Consider

“My co-worker has had a great experience with <insert auto company>, but I want to be sure that other’s like me are equally happy.”

“My co-worker has had a great experience with , but I want to be sure that other’s like me are equally happy.”

Continue reading

Our vision for Shopping on Mobile Web



El Corte Inglés S.A. (English: The English Cut as in tailor’s cut), headquartered in Madrid, is the biggest department store group in Europe and ranks 4 worldwide. El Corte Inglés is Spain’s only remaining department store chain, as well as owner of several associated businesses, such as supermarket chains Hipercor, Supercor & Opencor, fashion chain Sfera as well as a travel agency (Viajes El Corte Ingles) and telephone provider (Telecor).


Incorporating a nav search, a store finder with the traditional basket top right design a media rich experience for shopping on  your phone. By captivating a customer and therefore increasing spend, design a system of sub navigation that is convincing and compelling. Drilling deeper into the experience,  screens can display products with the the added mobile features of sort and zoom.  Product Info and descriptions, including ‘Add to Basket’ and ‘Wish List’ functionality plus the ability to share your purchase are all important consideration.


UK Household Retail Co – iPhone and Mobile Web Concepts


In spite of its rapid growth, The White Company retains a firm grasp of its core values, identity and philosophy. It is consistently committed to supplying impeccably designed products that are of the finest quality and at outstanding value for money. In addition, levels of service (across every channel) are constantly monitored to provide a shopping experience that is second to none.

This insight was taken to the next level with a series of inspirational iPhone App screen and Mobile Web visuals that formed part of a presentation on what these new channels can do you this business.

* Please note

These screens are just an indication of what we could do for you. Moving forward and after full scope many other options are available.

˜Intro pages


Mobile Web


˜Main Menu


This is just a preview of how the shopping experience on mobile will change the consumer buying habits. Please contact us for further information. info@russellwebbdesign.co.uk

iOS Casino App for the iphone – UX Design


Next to essentials like food and water, one of the only other industries not effected by the world financial situation is gambling. In fact the industry is booming. There are many UX challenges in designing the perfect game play experience, catering for the green fingered punter all the way through to the seasoned veteran is a difficult balancing act.
Plus, as mentioned, in these more straighten times, to be conscious of not forcing the gambling experience on to the more vulnerable.

Splash screen

Modern smartphone don’t need 2-3 seconds to start up, so the original notion of the start-up or splash screen is now redundant. But brands love to position their logo ‘front of stall’ so for this reason, this screen is important. Keep it simple and remember, if you can’t get your brand message over in 2-3 seconds, think about a re-design.


This is the heart of the application, the place to show off what you have to offer – the ‘showcase‘ if you like. So make it impressive, make it big and try your best to impress.
Continue reading

2012 Calendar: Mobile Design Tips

2012 Mobile Design Tips Calendar


Start here

This is the first 12 steps to take your mobile design skills to the next level

Packed with Design Tips

This years edition is crammed full of the most inspirational and can do mobile design tips. Whether it be common sense or insider knowledge, this calendar is sure to inspire and teach you each and every day for the year in front of you.


  • Planner Size Closed 210mm x 297mm
  • Full colour with Georgia, Handwriting Dakota and Gotham typeface
  • Available in in limited edition print of PDF download
In fact, it’s all of these things

2012 Mobile Design Tips

Mobile design is what YOU make it

The future of mobile design is what you make it. It can said it’s made up of more than 12 things. In fact, it’s all of these things so please get back to me with your Top 12 for mobile design.


This is but part of a selection of design resources russellwebbdesign generated for the mobile space out there. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here:

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


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

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


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


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



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


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


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


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

Protected: Price Comparison Co – Restaurant Finder App

This content is password protected. To view it please enter your password below:

Protected: Satelittle Broadcaster 3D Concept App for iPhone

This content is password protected. To view it please enter your password below:

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑