<!doctype html>
<html>
<head>
<link rel="stylesheet" href="lib/style.css">
<script src="lib/script.js"></script>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<title>Charlotte Lynge</title>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top navbar-shrink" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Charlotte Lynge</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#om">Om mig</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#cv">CV</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#kompetencer">Kompetencer</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#mig">Mig</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#kontakt">Kontakt</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="image/print.pdf"><i class="fas fa-print"></i> Udskriv</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-12 my-auto">
<div class="header-content mx-auto text-center">
<h1>Charlotte Lynge</h1>
<hr class="w-25"/>
<h2 class="mb-4">Web & Digital Designer</h2>
<a class="js-scroll-trigger" href="#om"><i class="fa fa-chevron-circle-down fa-2x" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</header>
<section class="bg-gradian" id="om">
<div class="container">
<div class="section-heading">
<h2>Om mig</h2>
<div class="row">
<div class="col-12 col-sm-8 offset-sm-2 mb-3">
<p>Jeg elsker nemlig.com!<br/> Jeg elsker konceptet og jeg elsker hjemmesiden, faktisk elsker jeg alt ved nemlig.com. Derfor det vil være en drøm,
at blive en del af det team, som gør nemlig.com til en succes.</p>
<p>Jeg arbejder som Frontend Udvikler/Web Deigner hos Lomax, hvor jeg designer og udvikler optimeringer, landingpages og kampagner, og står for det visuelle ved nye tiltag på lomax.dk.<br/>
Jeg brænder for design og det er vigtigt for mig at skabe et ensartet udtryk, hvor design og funktionalitet går op i en højere enhed.</p>
<p>Jeg er vant til at arbejde med den visuelle identitet indenfor de fastsatte rammer, hvor jeg under og efter designfasen
har fokus på UX, for at opnå det bedste løsning.</p>
<p>Jeg er struktureret, udadvendt og meget kreativ. Jeg elsker at have styr på tingene, og
nyder når der er travlt, samtidig med jeg gør alt for at overholde deadlines.<br/>
Det er vigtigt at have gode kollegaer og et godt team, hvor man kan vende sine idéer og få gode input, så det bedste resultat opnås.</p>
<p>Jeg er superbruger i Adobe Suite pakken og elsker at arbejde med HTML og CSS, som udgør en vigtig del af min arbejdsproces.</p>
<p>Det vil være fantastisk at få en afgørende rolle i den videre udvikling af Danmarks største webshop.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradian" id="cv">
<div class="container">
<div class="section-heading">
<h2>CV</h2>
<div class="row">
<div class="col-lg-12">
<table class="table table-hover text-left">
<thead>
<tr>
<th colspan="2" scope="col">RELEVANT POSITIONS</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2020-2026</th>
<td>DIGITAL DESIGN MANAGER, Vocast
<br>
Manager of 3 designers and 2 onboarders.
Creating and designing online digital showrooms for fashion, interior, lifestyle,
beauty and jewelry brands. Responsible for the whole product process, incl
time estimate and budget planning.
Responsible for implanting new processes, and having customer meetings
and communication.
</td>
</tr>
<tr>
<th scope="row">2015 - 2020</th>
<td>DIGITAL DESIGN / FRONTEND, Lomax
<br>
Managing campaigns and creating landing pages on the B2B website.
Optimize the website with new functions and improvement according UX/UI.
</td>
</tr>
<tr>
<th scope="row">2009 - 2012</th>
<td>DESIGNER, Who is She, Deres A/S
<br>
Responsible for the whole design process. Designing women’s collection,
communcation with suppliers, fitting of samples etc.
</td>
</tr>
<tr>
<th scope="row">2008 - 2009</th>
<td >DESIGNER & OWNER, Emmy, France
<br>
Own fashion brand in France - Designing women’s collection, communication
with suppliers and pattern design.</td>
</tr>
<tr>
<th scope="row">2008</th>
<td>DESIGNER & SALES, Just Female
<br>
Both designer and sales responsible. Creating new styles and selling the
collection to B2B customers.
</td>
</tr>
<tr>
<th scope="row">2007 - 2008</th>
<td>DESIGNER, Iceman
<br>
Designing the whole collection, communication with all suppliers.
</td>
</tr>
<tr>
<th scope="row">2005 - 2007</th>
<td>DESIGNER, Bestseller
<br>
Designing special needs for express for different marked.
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-12 education">
<table class="table table-hover text-left">
<thead>
<tr>
<th class="cv" colspan="2" scope="col">EDUCATION</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2019</th>
<td>UX Design</td>
</tr>
<tr>
<th scope="row">2012 - 2015</th>
<td>Webintegrator, RTS</td>
</tr>
<tr>
<th scope="row">2004 - 2006</th>
<td >Designteknolog, ”BEC-Design”</td>
</tr>
<tr>
<th scope="row">2003 - 2004</th>
<td>Finance & Business, ”Niels Brock”</td>
</tr>
<tr>
<th scope="row">2003</th>
<td>Print, ”BEC-Design”</td>
</tr>
<tr>
<th scope="row">2001 - 2003</th>
<td>Fashion Designer, ”Direktriceskolen”</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradian" id="portfolio">
<div class="container">
<div class="row">
<div class="col-md-12 mx-auto ">
<h2 class="section-heading">PORTFOLIO</h2>
</div>
<div class="row portfolio">
<div class="col-md-6 intro-portfolio">
<p>Please have a look at the websites I have created during my time at Vocast. This is only a small selection as I have created more than 100 different ones and hereby worked closely with more than 100 different clients.</p>
</div>
<div class="col-md-6 cases">
<p><a target="_blank" href="https://andtradition.presscloud.com/digitalshowroom/#/gallery">&TRADITION</a></p>
<br>
<p><a target="_blank" href="https://evasolo.presscloud.com/digitalshowroom/#/gallery">EVA SOLO</a></p>
<br>
<p><a target="_blank" href="https://frandsen.presscloud.com/digitalshowroom/#/gallery">FRANDSEN</a></p>
<br>
<p><a target="_blank" href="https://normann-copenhagen.presscloud.com/digitalshowroom/#/gallery">NORMANN COPENHAGEN</a></p>
<br>
<p><a target="_blank" href="https://fritzhansen.presscloud.com/digitalshowroom/#/gallery">FRITZ HANSEN</a></p>
<br>
<p><a target="_blank" href="https://woud.presscloud.com/digitalshowroom/#/gallery">WOUD</a></p>
<br>
<p><a target="_blank" href="https://zonedenmark.presscloud.com/digitalshowroom/#/gallery">ZONE DENMARK</a></p>
<br>
<p><a target="_blank" href="https://ilva.presscloud.com/digitalshowroom/#/gallery">ILVA</a></p>
<br>
<p><a target="_blank" href="https://tonicopenhagen.presscloud.com/digitalshowroom/#/gallery">TONI COPENHAGEN</a></p>
</div>
</div>
</div>
</section>
</section>
<section class="bg-gradian" id="kompetencer">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading">SKILLS</h2>
<h3>TECHNICAL SKILLS</h3>
<ul>
<li>Design tools: Illustrator, Photoshop, InDesign,
Adobe XD</li>
<li>Coding: HTML, CSS, Bootstrap, (basic
JavaScript)</li>
<li>CMS: Umbraco, Sitecore</li>
<li>Other: Visual Studio, Microsoft Office,
Dreamwever, Click-up, Jira</li>
</ul>
<h3>DIGITAL DESIGN:</h3>
<ul>
<li>Creative and graphic sense</li>
<li>UX design</li>
<li>Responsive web design</li>
<li>E-mail</li>
</ul>
<h3>LANGUAGE:</h3>
<ul>
<li>Danish: Native speaker</li>
<li>English: Fluent in writing and speaking</li>
</ul>
</div>
</div>
</div>
</section>
<section class="bg-gradian text-center" id="mig">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<img class="section-heading img-fluid" src="image/mig.png" alt="mig selv"/>
</div>
</div>
</div>
</section>
<section class="bg-gradian text-center" id="kontakt">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2>Contact</h2>
<p><b>Charlotte Lynge</b></p>
<p>Toftebuen 115<br/>
4000 Roskilde<br/>
Denmark<br/>
Tlf. +45 40 41 70 87<br/>
<a href="mailto:charlottelynge@hotmail.com">E-mail: charlottelynge@hotmail.com</a></p>
</div>
</div>
</div>
</section>
<!-- Bootstrap core JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="js/jquery.onepage.min.js"></script>
<script src="js/menu.min.js"></script>
</body>
</html>