-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (157 loc) · 8.27 KB
/
index.html
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Kabu Creative - Web development and design consulting</title>
<meta name="description" content="We design and build beautiful, maintainable, and accessible web applications">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<link href="https://fonts.googleapis.com/css?family=Rubik:400,500" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<header>
<div class="container">
<img src="img/kabu-white.svg" alt="" class="logo">
<h1>Web development & design consulting</h1>
<p>We design and build beautiful, maintainable, and accessible web applications.</p>
<a href="#contact" class="button button-light">Tell us about your project</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon fill="#f9f9f9" points="0,100 100,0 100,100"/>
</svg>
</header>
<main>
<section class="pypi">
<div class="container wide flex">
<div>
<p class="pretitle">Showcase: Our work</p>
<h2 class="title"><a href="https://pypi.org">The Python Package Index</a></h3>
<p class="subtitle">Python Software Foundation</p>
<div class="description">
<p>The Python Package Index (PyPI) is the official software repository for the Python programming language. Python developers use PyPI to share and reuse Python code.</p>
<p>PyPI.org is visited by over 2.5 million people per month, and has users from over 200 countries.</p>
</div>
<img src="https://whoisnicoleharris.com/assets/img/warehouse-large.png" alt="warehouse" class="work-img">
<div class="role">
<p>Kabu has been working with the PyPI team since 2015. During this time the team has released the new version of PyPI, and made significant security and usability improvements.<p>
<p>Our work includes:</p>
<ul>
<li>Conducting user research and testing</li>
<li>Redesigning PyPI's user interface</li>
<li>Designing PyPI's new logo and visual identity</li>
<li>Leading the development of the HTML and CSS (SCSS) codebases</li>
<li>Assisting in the internationalisation of the codebase, to better cater for PyPI's global audience</li>
<li>Bringing the site up to WCAG 2.0 AA accessibility standards</li>
<li>Reviewing community pull requests and supporting community contributors</li>
</ul>
</div>
</div>
<div>
<blockquote>
<p>"Working with Nicole [from Kabu Creative] is a delight.</p>
<p>I've had the opportunity to collaborate with Nicole as a core developer on the Python Package Index.</p>
<p>Nicole's thoughtful and dedicated approach to design shows clearly in the outcomes of user-research, individual changes, and broader user experience.</p>
<p>As a core developer on the PyPI project, Nicole is patient and helpful while remaining decisive and friendly amidst contentious decisions."</p>
<footer>
<span>Ee W. Durbin III</span>
<span>Director Of Infrastructure, Python Software Foundation</span>
</footer>
</blockquote>
</div>
</div>
<div class="container wide">
<a href="https://pypi.org" class="visit button">Visit site</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon fill="#efefef" points="0,0 100,100 0,100"/>
</svg>
</section>
<section class="bpcletool">
<div class="container wide flex">
<div>
<p class="pretitle">Showcase: Our work</p>
<h2 class="title"><a href="https://www.bpcletool.net.au/">BPCLEtool</a></h3>
<p class="subtitle">Department of Health, Victoria, Australia</p>
<div class="description">
<p>BPCLEtool is a web application that helps health organisations improve the way that they deliver education for medical, nursing and allied health students.</p>
<p>Originally developed for the Victorian Department of Health, BPCLEtool is now used by hundreds of health organisations across Australia.</p>
</div>
<img src="https://whoisnicoleharris.com/assets/img/bpcle-large.png" alt="bpcletool" class="work-img">
<div class="role">
<p>The BPCLEtool concept was developed by Darcy Associates to help Victorian health organisations assess themselves against the BPCLE (best practice clinical learning environments) framework.</p>
<p>We helped transform a Microsoft Excel prototype into a feature-rich modern web application.</p>
<p>Our role included:</p>
<ul>
<li>Consulting with Darcy Associates to determine the optimal way to develop the required features</li>
<li>Managing remote members of the team responsible for different aspects of the project</li>
<li>User interface design and development</li>
<li>Back end web development in Django</li>
<li>Assisting in the roll out of the tool</li>
</ul>
</div>
</div>
<div>
<blockquote>
<p>"The team at Kabu Creative has shown great creativity in the development of the new online BPCLEtool.</p>
<p>We needed a practical mechanism to assist with the implementation of the BPCLE Framework and the BPCLEtool exceeds those requirements.</p>
<p>The Kabu Creative team was flexible in their approach - listening and responding to requirements and feedback.</p>
<p>Stakeholders have been very impressed with the tool's innovative functionality and user-friendly interface."</p>
<footer>
<span>Kate Weidemann</span>
<span>Senior Policy Advisor, Education & Training Health Workforce, Victorian Department of Health</span>
</footer>
</blockquote>
</div>
</div>
<div class="container wide">
<a href="https://www.bpcletool.net.au/" class="visit button">Visit site</a>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon fill="#333333" points="0,100 100,0 100,100"/>
</svg>
</section>
<section class="contact" id="contact">
<div class="container">
<p class="pretitle">Our specialisations</p>
<h2 class="title">Talk to us about...</h2>
<ul>
<li>Designing user interfaces that work for <strong>all</strong> of your users</li>
<li>Writing scalable and maintainable code</li>
<li>Accessibility and internationalisation</li>
</ul>
<h3>Our values</h3>
<p>When you work with us, you should expect:</p>
<ul>
<li>Personal, flexible and responsive service</li>
<li>Clear, transparent communication</li>
<li>Attention to detail</li>
</ul>
<p class="get-in-touch">Get in touch:</p>
<div class="contacts">
<p>
<strong>Nicole Harris</strong><br>
<a href="mailto:[email protected]">[email protected]</a>
</p>
<p>
<strong>Olivier Harris</strong><br>
<a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
</section>
</main>
<script src="js/vendor/modernizr-3.7.1.min.js"></script>
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-36709502-1', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>