-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
219 lines (163 loc) · 8.59 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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html>
<head>
<title>Veronica Kristiansen</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="container marketing">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/logo.png" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Veronica K. <span class="text-muted">Graphic designer & 3D-artist</span></h2>
<p class="lead">Portfolio and contact info below</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Vimeo channel logotype. <span class="text-muted">Edithouse Film Works</span></h2>
<p class="lead">This image was made in Maya for Edithouse Film Works as their Vimeo Channel Logo.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/edithouse_tv.jpg" alt="">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/vi_bygger_om.jpg" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Sign. <span class="text-muted">Edithouse Film Works</span></h2>
<p class="lead">To inform customers and visitors about the reconstruction at the office, I made this sign that was printed (2m height) and displayed in the reception.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">3D cartoon. <span class="text-muted">Zak och Ting by Yvette Gustavsson</span></h2>
<p class="lead">This image is made in Maya together with Sebastian Hornbæk from Yvettes hand drawn series. It was made to visualize the concept in 3D.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/Scen1_ting.jpg" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/vi.png" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Logotype. <span class="text-muted">Vi Assistans AB</span></h2>
<p class="lead">Vi Assistans are working with personal assistance, this logo was made for them.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Logotype. <span class="text-muted">Kaustik AB</span></h2>
<p class="lead">Logotyp for Omsorg24. A web system for human care, the heart symbolizes care and is merged with the numbers.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/omsorg24.png" alt="">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/nest.jpg" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Flyers. <span class="text-muted">NEST film festival.</span></h2>
<p class="lead">Designed the prints for the NEST film festival. Flyers, posters and menues made for this alternative film festival held at House of Win-Win in central Gothenburg.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Television Commercial. <span class="text-muted">Kungsmässan.</span></h2>
<p class="lead">I was in a team of three people who made the VFX in this commercial. I used Nuke.</p>
</div>
<div class="col-md-5">
<iframe src="https://player.vimeo.com/video/48725580" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/inbjudan_nr1_s.jpg" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Invitations Part 1. <span class="text-muted">Computer Graphics Design.</span></h2>
<p class="lead">"Preparing for breakfast". This image series was made in 3D Studio Max for the yearly CGI gathering at YH Gothenburg. We beat the record for the number of participants!</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Invitations Part 2. <span class="text-muted">Computer Graphics Design.</span></h2>
<p class="lead">"Breakfast almost ready". This image series was made in 3D Studio Max for the yearly CGI gathering at YH Gothenburg. We beat the record for the number of participants!</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/inbjudan_nr2_s.jpg" alt="">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/dinsko_clubmail.jpg" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">VIP mail. <span class="text-muted">Din Sko.</span></h2>
<p class="lead">Between 2008 and 2009 I was hired at Din Sko as their Graphic Designer. Din Sko is one of the largest shoe companies in Sweden with stores in Sweden, Norway, Denmark and Finland. This image is a VIP mail sent to all clubmembers.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Prints. <span class="text-muted">Din Sko.</span></h2>
<p class="lead">Between 2008 and 2009 I was hired at Din Sko as their Graphic Designer. Din Sko is one of the largest shoe companies in Sweden with stores in Sweden, Norway, Denmark and Finland. I made the prints for outside commercials, store signs and magazine advertisements.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/dinsko1.jpg" alt="">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" src="img/herrbroschyr.jpg" alt="Generic placeholder image">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Brochure. <span class="text-muted">Din Sko.</span></h2>
<p class="lead">Between 2008 and 2009 I was hired at Din Sko as their Graphic Designer. Din Sko is one of the largest shoe companies in Sweden with stores in Sweden, Norway, Denmark and Finland. This is an excerpt from one of the brochures.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Animated commercial. <span class="text-muted">Talk4fun.</span></h2>
<p class="lead">This 60 sec animation was made for a dating service to explain the benefits and simplicity of using their new mobile app. I created the storyboard, illustrations and animation using Illustrator and After Effect.</p>
</div>
<div class="col-md-5">
<video preload="metadata" controls style="width:500px;">
<source src="https://www.dropbox.com/s/orz5rbl7341ound/T4F_60sek_H264_animation_sv.mov?dl=1" />
</video>
</div>
</div>
<!-- /END THE FEATURETTES -->
<footer>
<p>© 2014 Veronica Kristiansen. <a href="mailto:v.grafiskform@gmail.com">v.grafiskform@gmail.com</a> · · <a href="http://se.linkedin.com/pub/veronica-kristiansen/47/2bb/987">linkedin</a></p>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
</body>
</html>