USER EXPERIENCE DESIGNER
Contents01 TEAM02 BEST PRACTICE03 PROJECTS
[email protected] +44 (0) 7971 708027
TeamWhat leadership skills and
experience can I bring to a team?
[email protected] +44 (0) 7971 708027
MY UX LIFE
High
Prototyping
Low / High FidelityUser Journey basedOn Device
High
UX Designing
ResearchBest practiceIterationEvaluationMobile FirstDemonstrationShareStructureDocumentImprove / Learn
Low
Agile
Medium
Pitch Work
Studio overviewStorytelling narrativeResults focussed
High
UX Blogging
Medium
Workshops
PreparingFacilitatingInsights
High
CollaborationDesign ClinicShow n' tell
High
UX Cross Discipline Skills
Stakeholder management UX EvangelismPlanning WorkshopsBest Practice
Priority Information
Discipline Expertise
Soft Skills
Stand UpsBlogging
Low
Case Studies
S.T.A.R.Copy writing
Medium
Feedback and Testing
Low
Training
Low
Design System
Style GuidelinesPattern Library
Design PrinciplesBrand Identity
Self Improvement
Process
Software skills
[email protected] +44 (0) 7971 708027
Where I position myself What role do I play within a team and within
project engagements?
[email protected] +44 (0) 7971 708027
2
All Brands - Mobile Redesign Guidelines
Sportingbet
Spring 2016
For Internal purposes only. This is confidential information and is property of Sportingbet Plc.
01.1 Sportingbet
Mobile Web - Touch - Redesign
1.1. Home1.2. Event
1.4. Sidebar1.5. Footer
1.6. My Account
<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
Primary Typeface
Open Sans - Regular
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Please note:
12px for desktop
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
14px for touch
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Please note:
12px for desktop
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
14px for touch
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Primary Typeface (reversed out)
Open Sans - Regular
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
2.1. Primary font
1.842 1.842
53px
60px
1.8421.84260px
72px
1.8421.842
36px
72pxOdds
Horse Racing
Football
Football65px 24px
24px
166px
15px
10px
10pxTennis
Football
Tennis16px
16px
37px
166px
10px
10px
10px
Left Nav buttons
Sport#1DC5FF
#00ADE9In:play Casino
Sport#1DC5FF
#00ADE9In:play Casino 50px107px
107px
107px
inplaySportsCasino
24px 24px
24px 24px
24px24px
80px
inplaySportsCasino
#1DC5FF #00ADE9
inplaySportsCasino
24px 24px
24px 24px
24px24px
80px
inplaySportsCasino
#1DC5FF #00ADE9
Header buttons
1440px - Desktop1024px - Tablet
320px - Mobile3.1. Buttons - Navigation / Odds / Links
1440px - Desktop + 1024px - Tablet
320px - Mobile
Sport#1DC5FF
#00ADE9In:play Casino
107px107px
107px15px
20px50px
#1DC5FF
inplaySportsCasino Promotions
30px
35px
24px24px
24px24px
23px
25px
80px
10px
Sizes
Sport#1DC5FF
#00ADE9In:play Casino
Selected & hover Open Sans Regular - 14px
Open Sans Bold
#1DC5FF
inplaySportsCasino Promotions
#00ADE9
Open Sans Bold
Open Sans Regular - 14px
Selected & hover
Selected & hover
Font size
Colours Sport#1DC5FF
#00ADE9In:play Casino
#1DC5FF
inplaySportsCasino Promotions
#00ADE9
Selected & hover
Mobile Guidelines
Brand Colour Palettes
Sportingbet
3
All Brands - Mobile Redesign Guidelines
Sportingbet
Spring 2016
For Internal purposes only. This is confidential information and is property of Sportingbet Plc.
01.2 Sportingbet
Mobile Web - Touch - Redesign1.11. Casino
1.12. Drop down
1.7. Pop up1.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 Guidelines
Sportingbet
Spring 2016
For Internal purposes only. This is confidential information and is property of Sportingbet Plc.
01 Sportingbet
Guidelines
1.12. Header1.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
4
All Brands - Mobile Redesign Guidelines
Sportingbet
Spring 2016
For Internal purposes only. This is confidential information and is property of Sportingbet Plc.
01.3 Sportingbet
Mobile Web - Touch - Redesign1.16. Registration -
Error handling
1.12. Bet history1.12. Bet history cont...>>
1.13. Pagination - Active
1.14. My Account - Active
1.14. Bet detail1.15. Registration
UX is a mind-set for both marketing and product.
UX is everyone's responsibility, not just designers’.
Mobile web gambling websiteUX/UI design lead at one of the worlds leading online betting and Casino companys
EDUCATE AND INSPIRE
Folio Blog
[email protected] +44 (0) 7971 708027
Want to see more? Please get in touch at [email protected]
Top Related