-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
130 lines (97 loc) · 3.21 KB
/
index.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>
<head>
<title>
Responsive Menu
</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/javascript.js"></script>
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1.0">
</head>
<body>
<header class="site-header">
<a href="javascript:void(0);" class="btn-mobile-menu">
<i class="icon icon-menu"></i>
</a>
<div class="logo">
Glenn McComb
</div>
<nav class="main-menu">
<ul>
<li class="current">
<a href="javascript:void(0);">
<i class="icon icon-home"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="icon icon-work"></i>
<span>Work</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="icon icon-skills"></i>
<span>Skills</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="icon icon-about"></i>
<span>About</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<i class="icon icon-contact"></i>
<span>Contact</span>
</a>
</li>
</ul>
</nav>
</header>
<div class="container container-main-content container-home">
<a href="javascript:void(0);" class="mobile-container-cover">
</a>
<img src="img/me.png" width="150" height="150" />
<h1>
Glenn McComb
</h1>
<p class="lead">
Designer & front-end dev
</p>
<hr>
<h1>
ESPN Now Apps
</h1>
<p class="lead">
Live scores in your pocket
</p>
<h2>
Back story
</h2>
<p>
If you are here to see my work, skip to the Sketching section.
</p>
<p>
ESPN Australia have a suite of four live score apps for AFL, NRL, Super Rugby and A-League for both iPhone and Android. For years they were written in HTML / CSS / JS and housed in a native app shell. The result was a functional but poor user experience, and while the approach allowed us to get an early foothold in the mobile market, we soon lost ground to competitors who built superior native apps. So we decided to build native apps.
</p>
<p>
Our internal team lacked the necessary skills so I worked on a brief and we met with various dev houses in Melbourne, eventually settling on WeMakeApps who have been an absolute pleasure to work with. The brief was to natively re-build our existing apps with very similar content. The content of our was high quality but the interface let it down. Therefore, this project presented an opportunity to explore gestures and UI functions not possible using traditional web technology.
</p>
<hr>
<h2>
Sketching
</h2>
<p>
My first port of call was to re-imagine the UI on my sketch pad. I use the Behance Creative Outfitters Dot Grid Book because it provides a low-noise visual grid which is perfect for UI sketches.
</p>
<p>
On the scores page I opted to stack teams and scores rather than having them centre-aligned on the same row. This was done to enhance readability and to stay consistent with ESPN’s global presentation style.
</p>
</div>
</body>
</html>