Tag: web (page 1 of 3)

Quick Bet – Wireframing the experience

The best feeling ever

You know that one, you’ve got an instinct, but you need to place the bet quickly. This is where “Quick bet” become must-have functionality.

When speed is of the essence

So, you’re out n’about and you’ve just seen the race preview, your favourite horse is next off in two minutes, what to do? Simple, open your small screen, make a selection and the Quick bet section opens.

sb_quickbet-wireframes2 Continue reading

Destop User Registration Process

Ask the right questions

There are key considerations when it comes to asking strangers for their personal details. You have to ask the right way – to make each question relevant and necessary.

CasinoApp_Wireframing3

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.

 

Wireframing an on-demand Internet streaming media service

I have been recently working with a colleague on a private project around the world of media streaming. We had got to a level where the tech was getting up to scratch, but the UX was missing.

So, here it is.

Download here Download the PDF: OnDemandStreamingService-Mobile_Tablet

Mobile

Mobile

On – screen blueprint representing the skeletal framework of the service. These provide an informed perspective to hit, or in this case, promote what will be business objective and a creative idea. As usual these lacks typographic style, colour, or graphics, as the main focus lies in functionality, behaviour, and priority of content.

Continue reading

Design Principles #2; Experimenting with layout

Design Principles #1; Experimenting with layout

How layout influences our design (Part 2)

Whether you are working in publishing, UI 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 second set of loose design principles that all revolve around the fundamentals of layout graphic design.

This is Part 2 of a 2-Part series: To jump back to the first part please click here

7. Pattern Design

09_layout_Formats-Pattern

Pattern Design

Patterns always been a safe bet for the design arsenal. Repetitive shapes form the back bone of effective graphic design

Continue reading

Mobile best practice for registration – Put the users needs before technology

User Registration on Mobile

Watch the videoWatch the animated version here

I have recently been involved in both high-level concept generation through to territory specific text changes in the exiting world of User Registration. These are my top 5 tips to help you streamline your process or find some inspiration.

1. Do not turn-off your client

Very early on you begin to realise that you, as a UX designer answering to Business and shakeholders alike, should avoid providing a dry and labour-intensive solution to what is a tedious process. This will inevitable put off, or turn off, potential new customers from the start. So, as they walk through your virtual door, try to present a broken-down and achievable process where they can see the light at the end of the tunnel. Don’t forget : Break your offer into bite-sized chunks

Regulations possibly dictate that your customers will need to supply certain information. If so, have them supply that information up-front. That way you, as a caring and customer-centric company can temporally capture that info and call them back should they drop-off. Then you can ask ‘Is everything allright? Can we help you further with your registration?”

Continue reading

What’s your favourite wire-framing style?

wireframingMontage

Pick your battles, know your styles

Whether for desktops, on a tablet or the this mythical idea of a mobile internet (there is only one web to experience – but that a different post!) the modern UX-er should be skilled in the art of wire-framing. The style you use should come from the answers to these three things:

  • Process – From low-fidelity through to fully functioning prototypes is the sure-fire route to excellence. In reality, how often does this really happen. If you have enforce a process, I would insist on the sketching and on the final design stages.
  • Resources – I have sat in top-level boardroom meetings in the most stylish settings in the capital, tea and coffee from all over the world. Clearly, resources were not a factor here – so you would be expected to know Azure inside out and be expected to roll-out full functioning Fireworks prototypes. You may even get some business heads thinking your protoypes were so good , it’s a done job!
  • Quick turnaround – Picture the scenario, your stakeholder is looking for a quick – fix. You have fought your corner but there are no requirements, no analysis, no nothing. Always try to push for more than a few scribbles on the back of napkin but sometimes it is more productive just to get on with it.

Depending on the answers to these issues will depend on the wireframing style you deploy

responsiveEx
Continue reading

Watch the videoWatch the video here

icanhaveit.com – Site redesign

Taking an existing but tired site, refresh and rebrand it up to modern day standards.

icanhaveit.com - Redesign Complete Site

Logo refresh

With a focus on readability and execution, the logo has be refined and simplified. This is only an online print so RGB was the primary driver.

icanhaveit.com - Redesign Complete Site

Adult Dating Brand – Can you choose the right look n’ feel?

Watch the video Watch the video here

Low Key Dating

Brief: Tale an existing site, still young and yet to launch fully, and refresh the look n’ feel with new brand mark and ‘sexy and sassy’ imagery.

Branding

What should this brand look like, and how should it segment  This brand has focussed down on three zones:

  • Singles
  • Adults
  • Matures

This part of the process looks at how best to promote these three distinct sections.

Continue reading

Older posts

© 2017 Russell Webb Design

Theme by Anders NorenUp ↑