Russell Webb A snapshot of my skill-setspindlelegs.co.uk/wp-content/uploads/2017/09/RussellWebbUXFolio... · Sportingbet | Online betting | Sports, Poker and Casino 134.96 GBP Deposit

<subHeader><subSubHeader>

Spindlelegs owns the copyright for this document and all its contents.

This proposal should be considered private and confidential and may not be shared with any third party without the prior written permission of Spindlelegs.

This is just a snapshot of my folio. Please contact me

for a complete experience

Russell WebbA snapshot of

my skill-set

© SpindlelegS | RuSSell Webb | m: +44 (0) 7971 708027

Contents

barclays london

Cycle App

barclays premier

league Football App

A snapshot of my skills

Toughest challenge

uX / ui blogging

Collaboration

my skill-set

Concept communication

Software skills

process focussed

Snapshot edition

© SpindlelegS | RuSSell Webb | m: +44 (0) 7971 708027 [email protected] | SpindlelegS.Co.uk

Key challenges: How to handle multiple bet styles on a high volume, web-based transactional applications

mobile web fambling website

2

All Brands - Mobile Redesign GuidelinesSportingbet | Betboo | Vistabet | Superbahis | Sport 1998 | You Win | My Oyun

Autumn 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

05.1 SuperbahisMobile Web - Touch - Redesign

1.1. Home 1.2. Event 1.4. Sidebar 1.5. Footer 1.6. My Account

2

All Brands - Mobile Redesign GuidelinesSport 1998


01.1 Sport 1998Mobile Web - Touch - Redesign


#a9945a

1.6.1. My Account header

#d9be72

2

All Brands - Mobile Redesign GuidelinesVistabet

Spring 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

02.1 VistabetMobile Web - Touch - Redesign


2

All Brands - Mobile Redesign GuidelinesBetboo BR


03.1 Betboo BRMobile Web - Touch - Redesign


Snapshot edition


built around the concept of ‘swipe’ and ‘cards’

ioS / Android Sportsbook App

Discovery Phase

11

Native Sports Book

Visual Direction

25.09.13

For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

NavigationHow can this pattern work with SB sports book?

SwipeIs this our market?

Swipe

6-pack in the sidebar

Snapshot edition


Familiar navigation and ‘content is king’ mentality

Android Casino App

Page 4 of 14CCR_Android-Casino-Mobile_v2.graffleDocument name:Updated: Fri Nov 20 2015Company Confidential. Internal use only.

1.1. Home and Catergory

New See all

Slots

Really Long Game Name



<brand name> Casino

Home screen

Scroll for;• Slots• Jackpots• Table• Videos Poker• Live Casino

<Catergory title>










Category screen

Infinite scroll for more titles

Play for Free

Add to wishlist

Popular See all




Slots See all

Promotional images




Promotions: This size and functionality is too be determined. Possibly Phase II


1.2 Game view - Portrait

Loaded game

Game screen Game + Mini lobby screen

Video Poker

Classic Games Live Casino

Table Games Video slots

Popular

Favourites

Page 2

Play for fun Real play Play for fun Real play

Tap to open

Video Slots Video Slots


2.1 Sidebar

Cross selling functionality

Live Roulette

Live Blackjack

Emersive Roulette

Live Casino Hold em

Live Baccarat

Games

Settings

Login Open Account

Promotions

Help

Our other apps

Game NameGame Name

New

Popular More

More

Play for Free

Add to wishlist

Slots




More



Background promotional image

<brand name> Casino

Table games

Last played and Favourites to be added - mimic existing iOS functionality


1.3 Game view - Landscape

Video Slots

4G 12:02 82%

Play for fun Real play

Tap to open

4G 12:02 82%

Play for fun Real play

Video Poker

Classic Games Live Casino

Table Games Video slots

Popular

Favourites

Video Slots

Page 2


4.1 Login/Registration

Game NameGame Name

New

Popular More

More

Play for Free

Add to wishlist

Slots




More




<brand name> Casino

Table games

RegistrationLogin

Password

Username

Save username

Login

2015 Sporting Odds Limited is licensed and regulated by the UK Gambling Commission

2.0.2 Sportingbet

By logging in you acknowledge and accept our General Rules

Game NameGame Name

New

Popular More

More

Play for Free

Add to wishlist

Slots




More




<brand name> Casino

Table games

RegistrationLogin

Registration screenLogin screen

Non native

Android Casino Design - Sportingbet

609.02.16 For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

1.1 Homepage - landscape

3.5. Game view-Mini Lobby-Landscape 3.6. Game view-Mini Lobby - Open - Landscape



1.1 Homepage - landscape

3.5. Game view-Mini Lobby-Landscape 3.6. Game view-Mini Lobby - Open - Landscape



7.1. Login Error 7.0. Login



4.1. Search - DynamicSearch 5.0 Footer 6.0. My Account



1. Home 1.1. Home - reduced size banner 1.2. Sidebar 1.2.1 Sidebar Logged in

1.2.2 Sidebar Logged in - bottom



2. Category view 3. Game view 3.3. Game view - Mini Lobby 3.4. Game view - Mini Lobby

3.2 Game view - Menu

3.2. Game view - Menu Game added to favouroites



2. Category view 3. Game view 3.3. Game view - Mini Lobby 3.4. Game view - Mini Lobby

3.2 Game view - Menu

3.2. Game view - Menu Game added to favouroites



1. Home 1.1. Home - reduced size banner 1.2. Sidebar 1.2.1 Sidebar Logged in

1.2.2 Sidebar Logged in - bottom

Snapshot edition


mobile web - The future

Sports visualisation - Football

Page 4 of 18CDG_footballVisualisation-Scoreboards-Mobile-UX_v3Document name:

Updated: Thu May 21 2015Company Confidential. Internal use only.

1.1 Swipe tabs

2.2. Swipe through with Tabs

www.sportingbet.com

Sportingbet | Online betting | Sports, Poker and Casino

Deposit134.96 GBP

DepositMy Account

CasinoSports

2014 Sporting Odds Limited is licensed and regulated by the UK Gambling Commission

Responsible gambling | Terms and conditions | Contact us

Football

Manchester City6 Manchester United 173:83 2nd Half

South Korea

Draw

Indonesia

Match prices

Over / Under 4.5 Goals

Over / Under 3.5 Goals

NO

9/1

50/1

Away61%39%Home

14 16

Attacks (Dangerous) 1 3

Corners

Free kicks Goal Kicks 6 4 10 8

0 0

Cards

1 1

Manchester City Manchester United Manchester City Manchester United

Rooney, W 38:71

van Persie, R 15:01

Manchester City Manchester United

Option 2Icon only for BOTH teams

Manchester City

Option 3Icon only for TEAM 1 = Top / TEAM 2 = Bottom

Manchester United

9080706050403020100

StatisTimelineScoreboardVisualisationLive Stream

Pros: Signposting and tab functionalityScalableTimelines included

Cons: Possible development conflict

2.3.1 Simple Timeline

2.3.2 Timeline top / bottom

2.3.3 Simple Timeline

Tab iconTap Iocn to reveal more (i.e. Scorer)

Closed visi

Visualisation are effectively closed when the user swipes away said Visualisation

Rooney, W 24:12

3

010

01

08

0

Agüero, S 62:01

Bony, W 45:32

Agüero, S 24:12

Silva, D 39:19

Snapshot edition


2

Mobile WebBet slip - Touch - v3

12.09.14For Internal purposes only. This is confidential information and is property of Sportingbet Plc.

#33cc33

Bet slip1.1 Event / Market / SelectionSingles

Selection

Price

Stake

Remove selection option

Clear bet

#666666

#e1e1e1

#cccccc

#ffffff

Each Way

mobile Web betliplow fidelity wireframes

Snapshot edition


uX / design guidelines

expertise

Tablet Design GuidelinesRedesigning the tablet web site

2Spring 2016 For Internal purposes only. This is confidential information and is property of Sportingbet Plc. Tablet Design GuidelinesGlobal visual language for the tablet mobile web

1.0 Contents

1.0 Contents2.0 Tablet design guidelines3.0 Web view from Nautilus4.0 Portrait Design5.0 Casino & Promotion

4Spring 2016 For Internal purposes only. This is confidential information and is property of Sportingbet Plc. Tablet Design GuidelinesGlobal visual language for the tablet mobile web

2.1 Tablet Design Guidelines

2.1.1 Header Bar - Superbahis - Logged Out

2.1.2 Header Bar - Superbahis - Logged In

2.1.3 Button Style

#bb1c13 #cc5f58 #ff3333

#86160f

#00cc33

#666666 1px underline

140 px - High Res

70 px - Lo Res

Open Sans Bold 30px #ffffff

<Brand tagline goes here>

Brand Guidelines

#FF0022

Error message / Open an account

#00cc33

Login / Place bet / “Go” Button

CTA buttons

#528097

Odds outline

#406476

Odds / Betslip

#CCCCCC

Cell borders

Other elements

#00ADE9

Brand

#FFFFFF

Text - Light

#333333

Text - Dark

Text colours

#2E4855

Feature colour

#049FD4

2nd level

Content navigation

#CCCCCC

Betslip background

#E0E0E0

Main content

Background colours

#000000

Navigation - Complementary colour - Line

#666666

Navigation - Secondary colour

#333333

Navigation - Primary colour

Primary Navigation

#F1F1F1

Complementary colour

#0084B2

Complementary colour

#1DC5FF

Secondary colour

#00ADE9

Primary colour

Brand colours

1.1. Colour scheme

1.842 1.842

53px

60px1.842 1.84260px

72px

1.842 1.84236px

72px

Odds

Horse Racing

Football

Football65px 24px

24px

166px

15px

10px

10px

Tennis

Football

Tennis16px

16px

37px

166px

10px

10px

10px

Left Nav buttons

Sport#1DC5FF #00ADE9

In:play Casino

Sport#1DC5FF #00ADE9

In:play Casino 50px

107px 107px

107px

inplaySports Casino

24px 24px

24px 24px

24px24px

80px

inplaySports Casino

#1DC5FF #00ADE9

inplaySports Casino

24px 24px

24px 24px

24px24px

80px

inplaySports Casino

#1DC5FF #00ADE9

Header buttons

1440px - Desktop 1024px - Tablet 320px - Mobile

3.1. Buttons - Navigation / Odds / Links

Mobile GuidelinesBrand Colour Palettes

Sportingbet

3

All Brands - Mobile Redesign GuidelinesSportingbet


01.2 SportingbetMobile Web - Touch - Redesign

1.11. Casino

1.12. Drop down

1.7. Pop up 1.8. Login 1.9. Bet Slip 1.10. Quick bet

Each Way

“check-box” default Selected

When tapped - activates proprietary option selector

5

All Brands - Mobile Redesign GuidelinesSportingbet


01 SportingbetGuidelines

1.12. Header 1.13. 6-pack 1.14. Drop down 1.15. Subheader 1.16. Sports header

1.18. Odds

1.19. Sidebar

1.20. Footer

1.22. Betslip

1.17. 2-Button tab

#1fa9ee

#666666

#666666

#ffffff

#cccccc

#ffffff

#1fa9ee #293236

#333333

#999999

#0000ff

#333333 #e1e1e1

#333333

#c2c2c2

#999999

#999999

As per 3.4 Subheader button

#f7f7f7 #666666

#3e4c52

#cccccc

#cccccc

#ff0000

#fff2f2

#33cc33

#333333

#526b74

#26b0e0

#ff0000

#000000

#000000

#5a7680

#33cc33

#cccccc

#34bae8#3e4c52 #1fa9ee

#1fa9ee

#cccccc

#999999

#cccccc

#f2f2f2

#e9e9e9

#666666

#333333 #999999

1.21. Reg header

1.23. My Account header

#ffffff

#848484

#1fa9ee

#33cc33#444444 #e1e1e1#b1b1b1 #666666

1.24. Pagination

#cccccc

Tablet Design GuidelinesRedesigning the tablet web site

9Summer 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc. Tablet Design GuidelinesGlobal visual language for the tablet mobile web


2.6.1 Odds -Sportingbet

Open Sans 24px #666666

Coupon structure


Open Sans 28px #1eafee


104 px - High Res

52 px - Lo Res

#cccccc #ff0000 #00cc33 #406476 #528097#f7f7f7

#1fa9ee

#ffffff

1fa9ee

5Summer 2015 For Internal purposes only. This is confidential information and is property of Sportingbet Plc. Tablet Design GuidelinesGlobal visual language for the tablet mobile web


2.2.1 Secondary Nav - Sportingbet

#000000

#333

Selected state

#ffffff

#1fa9ee

#3e4c52

See Section 4.0 Icon Design for more details

112 px - High Res

56 px - Lo Res

Snapshot edition


‘best-in-class’ mobile website focussed on accomplishing tasks quickly

bupA mobile Website Snapshot edition


www.russellwebbdesign.co.uk

Site usage (past 60 days)245 Visits 548 pageviews 2.24 pages/Visit

uX / ui bloggingwww.spindlelegs.co.uk

Site usage (past 90 days)229 Sessions 430 pageviews 1.88 pages/Visit

Snapshot edition


Thank youThis is just a

snapshot of my folio. Please contact me

for a complete experience

Documents

Russell Webb A snapshot of my skill-setspindlelegs.co.uk/wp-content/uploads/2017/09/RussellWebbUXFolio... · Sportingbet | Online betting | Sports, Poker and Casino 134.96 GBP Deposit