-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (183 loc) · 10 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
172
173
174
175
176
177
178
179
180
181
182
183
184
<head>
<title>Pepper Curry Design: Wellington, NZ Web Designer and Illustrator </title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="//use.typekit.net/tgl4auz.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<nav>
<div class="navbar navbar-header navbar-fixed-top">
<a class="navbar-brand" href="#">
<img alt="Brand" src="images/brand-01-blk.svg" width="200">
</a>
<div class="container">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">ABOUT</a></li>
<li><a href="#skills">SKILLS</a></li>
<li><a href="#work">WORK</a></li>
</ul>
</div>
</div>
</nav>
<div class="alt-nav">
</div>
<body>
<div class="container-fluid" id="about">
<div class="container center-block">
<div class="row content-buffer mobile-buffer">
<div class="col-sm-3">
</div>
<div class="col-sm-9">
<h2 class="text-right">ABOUT</h2>
<div class="content-buffer">
<div class="text-center">
<img src="images/avatar.jpg" class="responsive-img avatar">
</div>
<p>I'm Pepper Curry, a designer and illustrator with over three years of freelance and dev shop experience. I live in Wellington, New Zealand, a vibrant city with a strong technological and creative culture. Since graduating with a BFA from the California Institute of Arts in 2011, I've been doing design work for an varied range of clients (scientists, 3D technologists, government offices, environmentalists, etc.). I moved to New Zealand, and gained a position as the sole Designer at Rabid, a dev shop who focuses on projects for social good. Here, I've honed my skills as a web designer with strong responsive and UX skills.</p>
<p>My work is recognised for being minimal, clean, and functional. I bring the colour and movement of editorial layouts to web principles that work, instead of trying to reinvent the wheel. While this means that my work may not be lone-wolf revolutionary, it means I communicate better with development teams, clients, and users. Instead of content-first or content-last, I try to work with content creators to build a sense of the content into the layout. My wild side tends to come through in my illustrations, which come from a strong Fine Arts background at CalArts.</p>
<p>Some of my other interests include gardening, knitting, tabletop/desktop gaming, mountain biking, and VJ/DJing. I'm a secret nerd who plays Magic: The Gathering, but can also be found at house gigs in Wellington with my audio-reactive visuals.</p>
<p><a href="mailto:[email protected]" class="special-link">sempercapsicum[at]gmail.com</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="skills">
<div class="row center-block container content-buffer mobile-buffer">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-9">
<h2 class="text-right">SKILLS</h2>
</div>
</div>
<div class="row content-buffer">
<div class="col-sm-3">
</div>
<div class="col-sm-9">
<div class="text-center">
<img src="images/doodles.png" class="responsive-img avatar">
</div>
</div>
</div>
<div class="row margin-top-fix">
<div class="col-sm-3">
</div>
<div class="col-sm-4">
<h3 class="text-center">Web Design</h3>
<ul>
<li>Conceptual workshopping</li>
<li>Iterative prototyping and wireframing (Balsamiq, AI, Atomic.io)</li>
<li>Style guides (typography, colour palettes, iconography)</li>
<li>Lo-med-hi fidelity mockups</li>
<li>Agile process</li>
<li>Intermediate HTML and CSS</li>
</ul>
</div>
<div class="col-sm-1">
</div>
<div class="col-sm-4">
<h3 class="text-center">User Experience</h3>
<ul>
<li>Working knowledge of usability standards</li>
<li>Research & Study</li>
<li>User interviews (Silverback)</li>
<li>User testing</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-3">
</div>
<div class="col-sm-4 top-buffer padding-fix">
<h3 class="text-center">Branding</h3>
<ul>
<li>Logo/Icon/Vector design (AI)</li>
<li>Color theming</li>
<li>Ad/Messaging layout (PS/AI)</li>
<li>Report/Messaging/Proposal design (InDesign/PS/AI)</li>
</ul>
</div>
<div class="col-sm-1">
</div>
<div class="col-sm-4 top-buffer padding-fix">
<h3 class="text-center">Illustration</h3>
<ul>
<li>Vector art (AI)</li>
<li>Hand lettering</li>
<li>Pen/Ink, Watercolour, Pencil Illustrations</li>
<li>Cartooning/comics</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container" id="work">
<div class="row center-block content-buffer mobile-buffer text-center">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-9">
<h2 class="text-right">WORK</h2>
</div>
</div>
<div class="row center-block text-center">
<div class="col-xs-2">
</div>
<div class="col-xs-5 mini-margin">
<a class="portfolio-item" href="https://www.privacy.org.nz/further-resources/privacy-statement-generator/">
<img class="center-block content-buffer image-border img-responsive" src="/images/psg.png">
<h3>Privacy Statement Generator</h3>
<p>Sole designer for the Privacy Commission of New Zealand's Privacy Statement Generator.</p>
<a href="http://interwovenlaw.co.nz/2015/07/opc-releases-excellent-priv-o-matic-and-online-training-modules/" class="special-link"><p class="special-link">Mentioned in Interwoven Law</p></a>
</a>
</div>
<div class="col-xs-5 mini-margin">
<a class="portfolio-item" href="http://retail.kiwi">
<img class="center-block content-buffer image-border img-responsive" src="/images/retailnz.png">
<h3>RETAIL NZ</h3>
<p>Overhauling a very outdated site to a responsive, professional, modern look with a very challenging CMS.</p>
</a>
</div>
</div>
<div class="row center-block content-buffer text-center">
<div class="col-xs-2">
</div>
<div class="col-xs-5 mini-margin">
<a href="http://www.rabid.co.nz">
<img class="center-block content-buffer image-border img-responsive" src="/images/rabidsite.png">
<h3>RABID</h3>
<p>Re-interpretation and cleanup of exisiting branding assets, reducing clutter and streamlining the flow of the site.</p>
</a>
</div>
<div class="col-xs-5 mini-margin">
<a href="http://www.papataiaoearthcare.nz/#welcome">
<img class="center-block content-buffer image-border img-responsive" src="/images/papataiao.png">
<h3>PAPA TAIAO - EARTHCARE</h3>
<p>Icon design, content layout and organisation, within the Squarespace CMS for ease of client updating.</p>
</a>
</div>
</div>
<div class="row center-block content-buffer text-center">
<div class="col-xs-2">
</div>
<div class="col-xs-5 mini-margin">
<a href="https://www.pledgeme.co.nz/equity">
<img class="center-block content-buffer image-border img-responsive" src="/images/pledgeme.png">
<h3>PLEDGEME</h3>
<p>Layout and asset creation within constraints of pre-existing designs for a new product, Equity Crowdfunding.</p>
</a>
</div>
<div class="col-xs-5 mini-margin">
<a href="https://thenounproject.com/sempercapsicum/">
<img class="center-block content-buffer image-border img-responsive" src="/images/allicons.png">
<h3>NOUN PROJECT ICONS</h3>
<p>I contribute icons to the Noun Project regularly!</p>
</a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="smoothscroll.js"></script>
</body>