Category: Graphic Design (page 1 of 6)

Graphic design is a creative process — most often involving a client and a designer and usually completed in conjunction with producers of form — undertaken in order to convey a specific message (or messages) to a targeted audience

10 considerations when designing for mobile

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

 Watch the animated version here

10 Considerations For Mobile DesignWhen designing for the desktop you can consider the end-user environment, when designing for print you can picture where the magazine will be read but when design for mobile the end-user scenarios are so varied and so far ranging that todays savvy mobile designer needs to develop an entirely different skill set.

Mobile Meet Up - Glassblowers in London's SohoThis is the edited version of a presentation I gave at Mobile Meet Up on Tues 27th Sept about ‘10 key considerations when designing for mobile.  I must stress this doesn’t mean there are only 10, in fact it’s the opposite, there are many more considerations. But here are my top 10:

1. Real Estate


10 key considerations when designing for mobile

Whether you coming from a desktop background or from advertising the canvas size you have to pay with is drastically reduced on the mobile environment.

Over the years the relative screen size difference has increased. The difference between the smallest (128 x 128) and the largest (800 x 480) is now a factor of 23. That means the largest screen is 23 times bigger than the smallest one.

2. Design with distraction front-of-mind


10 key considerations when designing for mobile

Continue reading

Our vision for Shopping on Mobile Web

Coverpage

Overview

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).

Brief

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.

 

Branding an iPad Casino App

1.0 Aims and Objectives

To produce the best-in-class iPad and iPhone App for playing slots and table games.

Recently I was involved in conceptualise and leading the UI for a iOS casino App for both iPhone and iPad.  I’m not going to detail all design decisions here but walk you through my perspective on why branding for this product is so important and why the decisions made differentiate it enough to stand-out in what is already a fiercely competitive and crowded marketplace.

Continue reading

Money Management App on Android

Your phone as a wallet

Over time, I have been involved in development for alternative mobile payment systems many times. Along with QR Codes and NFC and Face recognition, who knows which direction the public will eventually choose. This is a study into on possibly direction: Pre-baked branded financial phone, utilising the native rich functionality of the Android operating system.

It was key to point the App towards five distinct touch points:

  1. Account Service
  2. Reward and Bonus
  3. Ticketing and Events
  4. Widgets
  5. Pop-ups

Get Started

Guiding the user through the start-up process is like taking them on their first date. By providing your customers with this gentle ‘hand-holding’ process you, as the UX designer, are reducing those barriers to entry and providing a step-by-step process that welcomes demographics from all levels.

This slideshow requires JavaScript.

Account servicing

Providing quick links to your balance to your mini statements or even functionality to top up your mobile phone are all important touch points here. People really need to know their balance so that was front of stall plus service options, terms and conditions, etc, etc.

This slideshow requires JavaScript.

Rewards and Bonus

Whether you are looking to discover local restaurants, get deals at the salon or even discount at the gym you need to keep track of all these offers. There are also OnDemand, real-time discounts on dining experiences, spa treatments and the discovery of nearby deals as part of your phones functionality.

This slideshow requires JavaScript.

Ticketing and Events

Store your tickets for the exotic vacation or even a quick weekend trip. Store your goods to discover discounted products and browse seasonal themed collections on all events that are near you.

BarclaycardAppOnAndroid_Page_13

Widgets

Widgets on Android provide the next level of functionality not available on a lesser devices therefore this pre-baked solution should and can easily take advantage of this superior level of functionality. Add the widget to your device and never miss out on the next big deal. Just hold your finger on the home screen and select widget from the list.

This slideshow requires JavaScript.

Pop-ups

Need access to your balance at the touch of a button? Androids functionality provides the solution. Simply hover over the icon and the info is displayed.

This slideshow requires JavaScript.

 Closing statement

This prebaked solution does provide some answers to the all encompassing question what will replace the credit card that it’s not a definite this will be compatible with all POS retailers out there do you go the Apple way weapon provide before end to end solution or do you help your retailers by making their life easier and providing a level of compatibility who knows let’s see what the next few years bring.

Get in touch

This is but part of a selec­tion of design articles Russell Webb Design gen­er­ated for the creative community out there. Please con­tact us fur­ther to dis­cuss if your brand really wants to ben­e­fit from this new immer­sive expe­ri­ence here: info@russellwebbdesign.co.uk

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

UK Household Retail Co – iPhone and Mobile Web Concepts

Insight

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

˜Checkout

˜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

Best practice for your on-boarding experience

Getting new sign-ups is arguable the ultimate challenge, but the process of helping people get started, called on-boarding, can prevent many users from feeling lost, overwhelmed, and confused. It’s your responsibility, as a professional UXer, to shake their hand and show them the ropes and take them on that ‘first date’.

Drilling-down on the detail of the betting coupon - on-boarding

Drilling-down on the detail of the betting coupon – on-boarding

The Do’s and Don’ts

Downloading and jumping straight into an experience you’ve just heard about is one of the most exciting parts of UX design. So, when formulating this, be conscious not build further barriers as part of the on-boarding. The ‘Skip’ or ‘Tell me later’ and continuous Swipe is an important tool.

on-boarding

Slide-in illustration of how to access your betslip

Continue reading

iOS Casino App for the iphone – UX Design

Brief

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.
iOS_iPhoneCasino3

Home

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

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

Low fidelity prototypes

Why is this basic process, still the best?

I’ve made a few assumptions here, first… you work in UX. Second, you’re familiar with Agile and third, you haven’t much time so I’ll keep this brief. Straight to it, here is a couple of the main advantages of low fidelity prototyping:

  • Get better and more honest feedback
  • More involved collaboration
  • Make the cost of mistakes cheap, not expensive
  • Refine the page flow, not the pages
  • Figure out the interaction design rather than the visual design

lowFidelity-VersionControl

Continue reading

How brand identity works

Integrated brand identify both help reputation and consumer awareness. I was tasked with conceptualising a strong brand identity for a new Russian hedge fund. This involves developing routes that generated the tone, style and flavor of the brand across a 2D and 3D environment. This includes, but is not limited to;

  • color
  • type
  • photography/imagery
  • logos
  • design grid
  • Signage

Here is how I did it;

Concept 1 – New Dawn – A new today

Aspirational. That’s all it is. Clients are looking to dream, and at a product discovery level this is your job, as a creative to deliver that dream.  So, here I delivered a fresh concept concentrating on the business concept of a new start, symbolising both the birth of a new identity and the potential fresh satrt of new ‘start-up’ customers.

RenaissanceCredit_HIQuality_Page_01

Logo type and logo mark

RenaissanceCredit_HIQuality_Page_02

Outdoor campaign

RenaissanceCredit_HIQuality_Page_04

Merchandising collateral

RenaissanceCredit_HIQuality_Page_05

Stationery suite

RenaissanceCredit_HIQuality_Page_06

Concept 2 – Money is here

Employing a mechanism that symbolised the collective is a popular brand identity technique. Both companies and individuals want to be re-assured that they either have there team of their financial institution backing them. The clever designer should also include a graphic device that also contrasts this, as unique-mess and individualism is also important to both large businesses and SMEs.

RenaissanceCredit_HIQuality_Page_07

Logo type and logo mark

RenaissanceCredit_HIQuality_Page_08

Directional wayfinding

RenaissanceCredit_HIQuality_Page_10

Merchandising collateral

RenaissanceCredit_HIQuality_Page_11

Outdoor campaign

RenaissanceCredit_HIQuality_Page_12

Concept 3 – I wish

Dreamlike concepts that play on hopes of what could be are always useful graphic motives when building a potential brand ID.

RenaissanceCredit_HIQuality_Page_13

Stationery suite

RenaissanceCredit_HIQuality_Page_15

Outdoor campaign

RenaissanceCredit_HIQuality_Page_16

Exterior signage

RenaissanceCredit_HIQuality_Page_17

Promotional material

RenaissanceCredit_HIQuality_Page_19

The ABC approach

When designing essentially without a brief, what I call the ‘pure design’ phase, an intelligent designer should deliver three contrasting concepts. Clearly, it’s the designer job to deliver the client’s requirements, but it’s also their job to push the boundaries. So my tip of the day is, when presenting deliver and push then crescendo on your personal favourite and see which is the eventual favoured route – you’ll be surprised!

Get in touch

This is but part of a selec­tion of design articles Russell Webb Design gen­er­ated for the creative community out there. If something has peaked your interest, please leave a comment below.

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑