my skill-set - russell webb online ux mobile tablet...

Russell Webb My skill-set

Russell Webb Design 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 Russell Webb Design.

10

Football VisualisationDesktop

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

1.5.4 Pop overs

4

MWeb - Mobile PrototypeEvent view visualisation / streaming / scroreboard v4


Streaming, Visualisation and Scoreboard (i.e. TR / BR / GR)

Android Casino Design - Sportingbet


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

1.2.2 Sidebar Logged in - bottom

1.842 1.842 1.842BarcelonaFenerbahce13:00 BST



1.8421.842 1.842Open Sans Reg 14px #333333Open Sans Reg 14px #333333Open Sans Bld 14px #00ADE9

14px

1.842 1.8421.842Borussia MüchengladbachWolverhampton Wanderers2nd half 76:86

1:0

1.842 1.842 1.842Borussia MüchengladbachWolverhampton Wanderers2nd half 76:86

1:0

2x1

Football Highlights Match Price

Football Darts BasketballTennis 14px #ffffff Live Streaming

Highlights in:play Coming soon

Add to the bestlipPlace bet

0.00 GBPPossible payout1x 0.00

5.00

Top Link 1

Top Link 3

Top Link 2

Open Sans #333333 14px

#00ADE9#1DC5FF

inplaySports Casino Promotions My Account

Session: 59.55

2,073.01 GBPLogo here

1.842Republic of Ireland






Match Price

New Outright Coupon - Example 2 - More than 10

3.1. Tablet Portrait - Expanded Left Nav - 768px

7.3. Template - 768px

Tennis

Tennis

American Football

Rugby Union

Horse Racing

Golf

Cricket

Athletics

Baseball

US Basketball

Beach Volleyball

Boxing

Cross Country Sk...

Football

Toughest challenge

UX / UI Blogging

Range of expertise

Collaboration

My skill-set

Concept communication

Skills

Process focussed

Contents

[email protected] [email protected] www.russellwebbdesign.co.uk

01. Collaboration

Multi brand App roll-out


Mobile Web gambling websiteKey challenges: How to handle multiple bet

styles on a high volume, web-based

transactional applications

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



First came Sportingbet ...>>

Android Sportsbook App

Built around the concept of ‘swipe’

and ‘cards’

11

Native Sports BookVisual Direction


NavigationHow can this pattern work with SB sports book?

SwipeIs this our market?

Swipe

6-pack in the sidebar

Discovery Phase


Android App - Betboo-TR

2Android App design - March 2016

2.0. Football1.0. Home 1.1. Home promotion0.0. Splash

2

Android Superbahis AppSuperbahis


Android App - Superbahis0.0. Splash 1.0. Home 1.1 Home-Promo-Lge 1.2 Home-Promo-Sml

Collaboration rolled out the other brands Android App - Betboo-BR

2Android App design - March 2016

2.0. Football1.0. Home0.0. Splash

Android App - Vistabet

2Android App design - November 2015

2.0. Football1.0. Home

1.1. Home Promo

0.0. Splash

Android App - Youwin

2Android App design - November 2015

2.0. Football1.0. Home0.0. Splash

Superbahis

Betboo - Brazil

Vistabet - Greece

You Win - UK / Turkey

Betboo - Turkey

Android Sportsbook App

..and other brands i.e. Mr

Oyun, Sport 1998 and Superiddia


02. Skils of the trade

02. Skills of the trade


Photoshop

RussellWebbDesign-Folio


1.0. Live Streaming - DefaultResponsive web project

Football

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

<insert market type here>











1.8421.8421.842Borussia MüchengladbachWolverhampton Wanderers

2x1

Match prices

Betslip - 246 x 580 px

64:32

Wolverhampton Wanderers2:1Borussia Müchengladbach

Live Stream Visualisation

Borussia Müchengla…Champions League - 2015 / 16 - MatchesFootball

Football

1440px

inplaySports Casino PromotionsMy Account

Session: 59.55

2,073.01 GBP

Brand name

Left nav open

iFrame - Live Streaming414 x 232px

Market order1. Sports name i.e. Football2. Breadcrump3. Switcher i.e Live stream / Visi4. Mini scoreboard4. Timeline5. Live stream window6. MarketsMarket ordering

1

7

5

3

2

6

4

1440px

1.1. Desktop - Default - 1440px

Sketch App


2x1

Match prices

64:32

Wolverhampton Wanderers

2:1Borussia Müchengladbach

Live Stream Visualisation

B…Champions League - 2015 / 16 - MatchesFootball

Football

inplaySports Casino PromotionsMy Account

Session: 59.55

2,073.01 GBP

Brand name

Football














Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

Tennis

1024px

2.1. Tablet Landscape - Default - 1024px

iFrame - Live Streaming414 x 232px

Left nav open

<insert market type>






Over 3.5 Under 3.52.80 2.80

Over/Under 3.5 Goals

Match Prices

1 X 2


Sport In:play Casino

Login

Football

Borussia Müchengladbach v Wolverhampton Wanderers

Wolverhampton Wanderers2:1

Borussia Müchengladbach

64:32

320px

4.1. Mobile Portrait - Default - 320px

iFrame - Live Streaming320 x 181 px

Cross platform

responsive and adaptive data visualisation

including advanced stats


Omnigraffle

Date: Thu Sep 25 2014

CCE_TabletWeb-inplay-LayoutOnDevices 4

User Journeys

CCE_TabletWeb-inplay-LayoutOnDevices 4Document name: Company Confidential. Internal use only.

Page 2 of 20

CCE_TabletWeb-inplay-LayoutOnDevices 4Document name:Updated: Mon Sep 22 2014Company Confidential. Internal use only.

Document Control

Document History

Russell WTwo options now available for Nexus 7 portrait inc:• Consistent w/ iPad 2 betslip slide out• Visi pop-up with expand dicing options and footer pop-up betslip

10.09.14 v3

09.09.14 Russell Wv2 Alternative layout option for in:play overview and event view on• ipad 2 - Betslip slide out and lock visi functionality• Fav added• Bet slip icon fine tuned• Toast message added• Default view in Event view is 2-col

Created portrait / landscape layout option for in:play overview and event view on• ipad 2• ipad mini• Nexus 7Wallet breakdown

AuthorRevisionVersion

Russell W

Date

v104.09.14

[email protected]

Contact details

Russell Webb

Owner

Page 4 of 20


iPad-Portrait-Betslip slide outiPad 2 iPad 2

In:play - OverviewCarrier 12:00 PM

http://www.domain.com

In Play Matches - Saturday|Football Betting|Sportingbet.comIn Play Matches - Saturday|Football Betting|Sportingbet.com

Events calendar Multi viewEvent nameOverview

1 x 2 coupons in 2 column -

focus on the most important

Take out amount of markets and stats icon

Lock option for customerLive streamVisualisation

Statistics

Real Madrid VS Athletico Madrid

Carrier 12:00 PM



14/11st half

02.1316/512/5Schalke 04

Eintracht Frank…

10/14/61st half

10.15

VFB StuttgartTSG 1899 Hoffenheim

100/30

1st half

10.1514/1Stade Reims

Toulouse 27/10 100/30

7/10 10/1 23/10West BromwichEverton

1st half

47.45

14/1Stoke CityLeicester City

2nd half

68.2317/1910/1

100/30SouthamptonNewcastle United 1/4

2nd half

88.4543/20

8/510/12nd half

90.28

ArsenalManchester City 14/1

100/3010/12nd half

92:45

Real MadridAthletico Madrid 9/4


Football Matches prices

Champions League 2015 1 x 2

2nd half

88.23

2nd half

90.28

7/10

2nd half

75.13

2nd half

46.11

Hannover 96Hamburger SV

10/1

8/5

10/1

1st half

47.45

14/1

9/4

Bayern MunichVfB Stuttgart

10/1

100/30

Hertha BerlinMainz 05 100/30

14/1

23/10

Bayer LeverkusenWerder Bremen

1/4

HoffenheimWolfsburg

43/20

17/19

27/10

100/30

PaderbornFC Cologne 10/1

14/1

1st half

10.15

German Bundesliga

1 x 2

2nd half90.28

1st half02.23

1st half10.15

2nd half68.23

Schalke 04 VS Eintracht Frankfurt

43/20

100/30

West Bromwich VS Everton

12/5

10/1

100/30

100/30

14/1

1/4

27/10

8/5

10/1

17/19

10/114/1

9/4

23/10

2nd half92:45

10/1

1st half44.00

100/30

1st half47.45

VFB Stuttgart VS TSG 1899 Hoffenheim

10/1

7/10

4/6

Arsenal VS Manchester City

16/514/1

Stade Reims VS Toulouse

2nd half88.45


14/1

Southampton VS Newcastle United

Stoke City VS Leicester City



VFB Stuttgart VS TSG 1899 Hoffenheim

14/1Stade Reims VS Toulouse2nd half90.28

2nd half68.23 100/30

100/30

4/6

27/10

10/1

German Bundesliga 1 x 2

Tapping a ‘price’ reduces coupon widths and creates a 2 col layout…>>

The new right column holds the betslip and the event visi for that price

On first touch, betslips opens, subsequent price selections,, should the user close the betslip, will not open it

Tapping further prices, adds to open betslip and selects that visualisation

In:play - Overview - add to betslip

1

GBP10.00StakeOffOnQuick bet

Quick betOffOn

Stake 10.00 GBP

Place bet

Keep selection

Bet slip indicator pules when a bet is added

Page 7 of 20


iPad-Portrait-Event ViewiPad 2

In:play - Event view

Betslip icon in header - redundant? Events calendar Multi viewEvent nameOverview

Carrier 12:00 PM



Draw 9/49/4Real Madrid Fulham 9/4

Half time

Total goals (28) Halves (23)Full time (46)All markets (114)

Total goals (28) Specials (3)5, 10, 15 minutes (47)Players (5)

Extra time correct score

15/215/2

Any time correct score

15/2

Correct score

15/2

2nd half correct score

15/2

1st half correct score

Correct Score

Home Away

43210 43210

9/45.5 9/4

9/4 29/13.5 31/2 4.5 9/4

1.5 9/4 9/4 12/52.5 9/4

Goals

Over Under Over Under

In:play - Event view - added to betslip

2


Carrier 12:00 PM



Total goals (28) Halves (23)Full time

(46)

All markets

(114)

Total goals (28)

Specials (3)

5, 10, 15 minutes

(47)Players (5)

9/4Athletico Madrid

9/4Draw9/4Real Madrid

Half time

15/2

Correct score1st half correct score

2nd half correct score

15/215/2

Home

43210

Away

43210

Any time correct score Extra time correct score

15/2 15/2

Correct Score

DEFAULT - Event view

Cutomer can close Betslip if it is their preference

Fixed

Live streamVisualisation

Statistics


1

GBP10.00StakeOffOnQuick bet

Page 16 of 20


iPad-Landscape-WalletiPad 2

In:play - Event view

Carrier 12:00 PM



£300.00Real Funds

£100.00Assigned Funds

£200.00Withdrawable Funds

£25.00Casino Bonus

£50.00Sports Book Bonus

Wallet breakdown


8/5

9/4

2nd half90.28

2nd half88.45

2nd half68.23

100/30

10/1

Stoke City VS Leicester City

100/30

10/1

10/1

100/30

14/1

West Bromwich VS Everton

14/1

Southampton VS Newcastle United

Arsenal VS Manchester City

17/19

Stade Reims VS Toulouse

23/101st half47.45

1st half44.00

1/4

2nd half92:45

10/1


27/1014/1

7/10

43/20



£300.00Real Funds

£100.00Assigned Funds

£200.00Withdrawable Funds

£25.00Casino Bonus

£50.00Sports Book Bonus

Tablet web inplay ‘overview’

and ‘event view’ kick-start

wireframes


3.0 Web views from Nautlius

19Spring 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

3.1. Web views from Nautlius

3.1.1 My Account

3.1.3 Bet History - Back

3.1.2 Bet History 3.1.5 Registration - Step 1 - Error

3.1.4 Registration - Step 1


3.2. Web views from Nautlius

3.2.1 Login 3.2.2 Login - Error 3.2.3 Login and Register

4.0 Portrait


4.0 Portrait

4.1 Tablet portraitBetslip now hidden with icon tab to reveal

4.2 Tablet portrait - Betslip Open

5.0 Casino/Promotions

Creative SuiteTablet Design GuidelinesRedesigning the tablet web site


1.0 Contents

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

2.0 Tablet design guidelines


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



2.2.1 Secondary Nav - Superbahis

#000000

#333

Selected state

#ffffff

#bb1c13

#3e4c52

See Section 4.0 Icon Design for more details

112 px - High Res

56 px - Lo Res



2.6.1 Odds -Superbahis

Open Sans 24px #666666

Coupon structure


Open Sans 28px #bb1c13


104 px - High Res

52 px - Lo Res

#333333 #ff0000 #33cc33 #fcfcfc #ffffff

#d9d9d9

#f7f7f7

#ffffff

#f9f9f9

Tablet web Design guidelines

defining colourways

and UX


03. Process focussed

From wireframes to design


Android Casino AppWireframes > Designs

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

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

Really Long Game Name



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



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







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.1. Home and Catergory

New See all

Slots




<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

Familiar navigation and ‘content is king’

mentality


Show balanceWireframes > Designs

Page 4 of 5CEA_MobileWeb_iOS_Android-ShowBalance_v1Document name:Updated: Tue Jan 12 2016Company Confidential. Internal use only.

1.1. Home and Betslip

<Brandname>

www.url.com

CasinoinplaySports

Banner

Football Highlights

2X1

1 100/33100/33100/33<Team/Player #1><Team/Player #2><Time><Period>

10


10


10


10


10


10

My Bets2043.56 GBP

Option 1Logged inAdd an account gateway as current amount linked to Deposit

22%4:21 PM<CarrierName>

<Brandname>

www.url.com

CasinoinplaySports

Banner

Football Highlights

2X1


10


10


10


10


10

My Bets

Option 2Logged inAdd an account gateway (full width) and link to My Account

22%4:21 PM<CarrierName>

JohnSmith 2043.56 GBP

Mobile web / iOS / Android both home page and via betslip

2

Show BalanceMobile web


1.0. Mobile Web1.1 Logged in

1.2 Logged in - Selected

1.3 Betslip

1.4 Betslip - selected#34bae8

#1fa9ee

#333333

#ffffff

#999999

#34bae8

To DepositTo Deposit

2

Show BalanceiOS


1.0. iOS1.1 Logged in


1.3 Betslip

1.4 Betslip - selected#1fa9ee

#ffffff

#333333

#ffffff

#999999


#1fa9ee

2

Show BalanceMobile web


1.0. Mobile Web1.1 Logged in


1.3 Betslip

1.4 Betslip - selected#34bae8

#1fa9ee

#333333

#ffffff

#999999

#34bae8


3

Show BalanceiOS


1.1. iOS1.4 Quickbet 1.2 Quickbet - selected

#1fa9ee

To Deposit

#ffffff

#ffffff

#999999

On completing Deposit the player is taken back to this screen to continue their Quickbet

Mobile web iOS


04. Concept communications

Cross platform - Sports Visualisation


5




Sports visualisation - FootballMobile web

4




6



Streaming, Visualisation and Scoreboard (i.e. TR / BR / GR)Streaming

Visualisation

Score

Live / Data Visi / Scoreboards according to

regulations and territories


Sports visualisation - FootballMobile web - The future

Project / Date Screen


Sports visualisation - FootballDesktop

Page 6 of 31CDG_FootballBallVisualisation_v2.graffleDocument name:

Updated: Mon Apr 20 2015Company Confidential. Internal use only.

1.3 Default site - Widescreen

Payments

Authorities

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida eget massa rutrum imperdiet. Quisque molestie egestas purus, volutpat tempus lectus dapibus quis.

Mauris mi tellus, feugiat et mi ut, accumsan rhoncus nibh.

Browser CapatibilityInvestorsStats and ResultsAffiliate programs

Open and account Log in English Help & Contact UsForgot your password?

REWARDSOFFERSMOBILEPOKERGAMESSPORTS CASINOINPLAY LIVE CASINOVFL

MORE SPORTSSNOOKERRUGBY UNIONGOLFDARTSFOOTBALL BASKETBALLHORSE RACING CRICKETTENNIS

World Cup Tips

World Cup Odds

All todays tennis

All todays football

Necy 5 Races (UK)

Quick liins

5

3

1

4

2

23/10

1/2

13/20

13/5

9/50

DrawColombia v Ivory Coa...

SpainSpain v Chile

CroatiaCameroon v Croatia

DrawCameroon v Croatia

NetherlandsAustralia v Netherla...

Most Popular Bets

Brunie Panthers

9/50Young Lions

1/2

13/20

Draw

In:Play

Brunie Panthers

9/50Young Lions

1/2

13/20

Draw

Youngs Lions v Brunei Panthers

Youngs Lions v Brunei Panthers

World Cup Outright

Shniin v FC Volka

World Cup Top Goals

World Cup Outright

All

Football

Match Winner

23/20

Federer, R

Nadel, R

3/4

Live streamVisualisation

Away61%39%Home

Statistics

Manchester United v Manchester City

HT 73:83HT

#13 Throw in16’#1 GOAL15’15’ #4 Free Kick

6

10

0

1

0

3

0

8

10

English Premier League 73:83

Manchester United

Manchester CityRooney, W 24:12

Agüero, S 24:12 Silva, D 39:19 Bony, W 45:32 Touré, Y 66:37

Correct Score

12/24-0

15/23-2

100/125/1 4-4 3-2120/13-1

3-1 150/13-0 100/19/1 3-3

2-1 40/15/1 25/12-2 2-1

2-019/42-0 1-1 80/114/1

1-03/41-0 0-0 28/120/1

AwayDrawHome

Corners

23/20

Manchester United

Manchester City

3/4

Goal Handicap

3/4

23/2023/20

3/4

23/20

Manchester United

Manchester City

3/4

AwayDrawHome

4



SB COM - 4 Col layout

10



1.5.4 Pop overs

Configuration and all user scenario


05. Toughest challenge

How to simplify the complexities of betslip touch


Mobile web betslip

2

Mobile WebBet slip - Touch - v3


#33cc33

Bet slip1.1 Event / Market / Selection

Singles

Selection

Price

Stake

Remove selection option

Clear bet

#666666

#e1e1e1

#cccccc

#ffffff

Each Way

Low-fidelity wireframes


Mobile web betslipError messages German taxPrice change

3



Bet slip1.1 Event / Market / Selection

Multiples

5



Server-side error messages“We cannot help you”

2.1 Generic“There has been an error. Please review your betslip and try again“

Server Side

2.2 Duplicate bet“You placed this bet too recently. Please try again after 60 seconds or use a different stake”

Use requirements

For exact wordage, see requirements on http://jira.sportingbet.local/

Place bet(s)This option is grey-out until the user has reviewed and fixed their betslip

TBC

#ff9999

#ff0000

#3399ff

#003366

Multiples


iOS betslip Each Way Indicator

Price change Unable to place bet(s)

Suspended

Default

Quick bet


Tablet betslipDefault portrait General Error Info Error

3

Tablet - SB - Mobile WebHome, Overview and Event view V6


Sports home Betslip open Betslip - General Error Betslip - Info Error

# ff9999


06. UX / Ui Blogging

UX / UI Blogging


russellwebbdesign.co.ukSite Usage (Past 60 days)245 Visits

548 Pageviews

2.24 Pages/Visit


spindlelegs.co.ukSite Usage (Past 90 days)229 Sessions

430 Pageviews

1.88 Pages/Visit


07. Range of expertise

Challenge:

Navigation across desktop, tablet and mobile


inplay

Cancel Place bet

Total stake:Total possiblepayout (inc. stake)

2.00 GBP2.50 GBP

Single (x3)

This bet is no longer available

1.909

Reg 14px #0A4283Bold 14px #0A4283

E/W 1/5 1-3

1.909

Nottingham [12:00] 5f HandicapKing of Swing

0.5

1.909Kello, D / Piclet, D

Kello, D / Piclet, D v Chrysollapse, P / S…Match Price

Singles Multiples

Bet Slip (3) My bets (4)

1.842 1.842 1.842Borussia MüchengladbachWolverhamton Wanderers2nd half 76:86

1:0

1.842 1.842 1.842Borussia MüchengladbachWolverhamton Wanderers2nd half 76:86

1:0 1.842

1.842

1.842 1.842 1.842Open Sans Reg 14px #333333Open Sans Reg 14px #333333Open Sans Bld 14px #00ADE9

14px


2x1




Top Link / Open Sans #333333 14px




#1DC5FF

inplaySports Casino Promotions

#00ADE9

My Account

Session: 59.55

2,073.01 GBP


Tennis

Football

Horse Racing

Cricket

Golf

Boxing

Baseball

Cross Country…

American Football

Baseball

Baseball

Logo here





14px


1:0


1:0

2x1






5.00

Top Link 1

Top Link 3

Top Link 2


#00ADE9#1DC5FF


Session: 59.55








Match Price




Tennis

Tennis

American Football

Rugby Union

Horse Racing

Golf

Cricket

Athletics

Baseball

US Basketball

Beach Volleyball

Boxing

Cross Country Sk...

Football

Sport#1DC5FF #00ADE9

In:play Casino

Login

Cancel Place bet


2.00 GBP2.50 GBP

Single (x3)


1.909

Reg 14px #0A4283Bold 14px #0A4283

E/W 1/5 1-3

1.909


0.5



Singles Multiples


Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Match Price


2x1

1.8421.8421.842BarcelonaFenerbahce13:00 BST



1.8421.8421.842ChelseaArsenal2nd half 87:22

10

1.8421.8421.842Boussia Müchengladb…Wolverhampton Wand…2nd half 76:86

10


Football Darts Tennis Basketball Cricket


5.00

Add to the bestlip

Place bet

0.00GBP

Possible payout1x

0.00

Top Link 1 Top Link 2

US Basketball AmericanFootballFootball Horse Racing Athletics


In:play Casino

Login

Football

Basketball

Tennis

American Football

Horse Racing

Cross Country Skiing

Cricket

Beach Volleyball

Rugby League

Football

Basketball

Tennis

American Football

Horse Racing


Cricket

Beach Volleyball

Sports app

Promotions

Casino

InPlay

Sports

2315.00 GBPDESIGNstudio

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Match Price


2x1





10


10







In:play Casino

Login


7.4. Template - 320pxLogo here

Home page

Tablet - 1024px

LHN - Tablet and Mobile

Tablet - 768px Mobile - 320px





14px


1:0


1:0

2x1






5.00

Top Link 1

Top Link 3

Top Link 2


#00ADE9#1DC5FF


Session: 59.55








Match Price




Tennis

Tennis

American Football

Rugby Union

Horse Racing

Golf

Cricket

Athletics

Baseball

US Basketball

Beach Volleyball

Boxing

Cross Country Sk...

Football


In:play Casino

Login

Cancel Place bet


2.00 GBP2.50 GBP

Single (x3)


1.909

Reg 14px #0A4283Bold 14px #0A4283

E/W 1/5 1-3

1.909


0.5



Singles Multiples


Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Match Price


2x1





10


10




5.00

Add to the bestlip

Place bet

0.00GBP

Possible payout1x

0.00




In:play Casino

Login

Football

Basketball

Tennis

American Football

Horse Racing


Cricket

Beach Volleyball

Rugby League

Football

Basketball

Tennis

American Football

Horse Racing


Cricket

Beach Volleyball

Sports app

Promotions

Casino

InPlay

Sports

2315.00 GBPDESIGNstudio

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Republic of Ireland

1.842

Match Price


2x1





10


10







In:play Casino

Login


7.4. Template - 320pxLogo here

Navigation - Left Hand


Other brandsNavigation - Responsive web

2

Mobile - Superbahis - 320px - v8


1. Sportsbook home page 1. 3 Home sidebar

1.4 Home sidebar - bottom

2. Sport home page1.1 Home w/o promo banner

1.2 Home - w/ quicklinks

2

Mobile - Superbahis - 320px - v8


1. Sportsbook home page 1. 3 Home sidebar

1.4 Home sidebar - bottom

2. Sport home page1.1 Home w/o promo banner

1.2 Home - w/ quicklinks



Healthcare for BUPA


BUPA Mobile Website


Brand awareness / Product launchWallet summary options

Client Pitch Doc• A parasite unit and it's communication

hierarchy insitu

• Raise Volterol brand awareness including pharmacist's insight and customer journey best practice



UX / Design Guidelines


UX / Brand guidelines

Tablet Design GuidelinesRedesigning the tablet web site


1.0 Contents

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



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


In:play Casino


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


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


For more (and I mean much more!) information, projects, articles, opinions feel free to browse;

www.russellwebbdesign.co.uk

Online blog showcasing my thoughts and opinions, rants and raves plus some work from my world of UX

www.spindlelegs.co.uk

Creative portfolio for my projects and work, includes tips and advice for the UX community


Thank You

my skill-set - russell webb online ux mobile tablet...

Documents