Russell Webb Design

Category: Web design

From Discovery to understanding client’s goals, their target audiences, and their brand identity. I champion interviews, surveys, and competitor analysis within a compelling narrative using wire framing and prototyping, through to visual design. My goal is to create the foundations of a user-friendly interface, partnering typography, colour and imagery. This not only increases user engagement but tilts towards higher conversion rates that stack up against an improved brand image: Building trust with customers.

  • Wireframing an on-demand Internet streaming media service

    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.

    (more…)

  • 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?”

    (more…)

  • 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
    (more…)

  • Unique Lowest Bid Site – UX Redesign

    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.

    (more…)

  • Design and create a ‘best-in-class’ mobile web site

    Design and create a ‘best-in-class’ mobile web site

    TL;DR;

    From task efficiency to leveraging the company’s USP. This E2E Case Study includes stakeholder management, design principles, navigation and typography strategies, while stressing the human experience over internal politics.

    Contents

    To respect confidentiality agreements, the branding and specific naming have been modified. This product is currently live and serving 6k users

    To respect confidentiality agreements, the branding and specific naming have been modified. This product is currently live and serving 10K plus HNW users.

    Setting the scene

    usability

    Cognitive Load

    Design and create a 'best-in-class' mobile web site.

    🚀 Accomplish tasks quickly

    From goal-oriented users looking for information to designers minimising friction points.

    All leads to higher user retention and a positive user experience.

    💎 Leverage Company USP

    What makes this company’s product better than the competition?

    To align with the brand promise and to build trust, the design and features mirror the company’s core value proposition.

    👯‍♂️ Design for humans

    Design within human limits. Make information easy-to-process, respecting memory, attention, and perception.

    Design for those with diverse abilities and limited technical literacy. Design to evoke trust, delight, and confidence that leads to loyalty.

    Project foundations

    As an agency lead designer, I spearheaded the design of this mobile site for the UK’s leading healthcare company, by assembling an exceptional team. Bringing together external and internal creatives, I forged a collaborative venture, leveraging the collective expertise of all parties to achieve a shared vision.

    (more…)