Find file
Fetching contributors…
Cannot retrieve contributors at this time
151 lines (132 sloc) 5.47 KB
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>DESUDESU / Interactive Art Direction, User Experience & IXD </title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="scripts/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function (){
$(".header ul li a").click(function (e){
e.preventDefault();
e.stopPropagation();
var item = $(this).attr("href");
$('html, body').animate({
scrollTop: $(item).offset().top
}, 1000,'easeInOutExpo');
return false;
});
});
</script>
</head>
<body>
<div class="wrapper">
<div class="header">
<h1><img src="images/year.png" width="243" height="94" title="2013" alt="Portfolio 2013"></h1>
<h2><span>Interactive</span> Art Direction,<br>
User Experience & IXD </h2>
<p>Desmond Arsan is a digital designer and the above written words.He likes the internet and the endless possibilities it brings. He wants to shape digital things for people’s use and loves developers, electronics, games and the color yellow. He wants you to send him e-mails and start something.</p>
<h3>CURRENTLY IN THE WORKS/RECENT WORK</h3>
<div class="grid clearfix">
<ul class="one-third">
<li><span class="line">- </span><a href="#the-drowning-id">THE DROWNING iOS Game</a></li>
<li><span class="line">- </span><a href="#social-draw-id">Social Draw Mobile App</a></li>
</ul>
<ul class="one-third">
<li><span class="line">- </span><a href="#detectify-id">DETECTIFY</a></li>
<li><span class="line">- </span>Node Knockout Design Winner</li>
</ul>
<ul class="one-third">
<li><span class="line">- </span>&nbsp;test</li>
</ul>
</div>
</div>
<div class="content">
<div class="project" id="the-drowning-id">
<hr>
<div class="image-container">
<img src="images/thedrowning.jpg">
</div>
<div class="description">
<h3>THE DROWNING</h3>
<p>Possibilities it brings. He want’s to shape digital things for people’s use. He loves developers, electronics, games and the color yellow. He wants you to send him e-mails and.</p>
</div>
<ul>
<li><span>client</span> - NGMOCO SWEDEN / SCATTERED ENTERTAINMENT</li>
<li><span>platform</span> - iOS, ANDROID</li>
<li><span>Work Type</span> - VISUAL DESIGN, UX, IXD</li>
</ul>
<a class="project-link" href="http://www.apple.com">VIEW GAME IN APPSTORE</a>
</div>
<div class="project" id="social-draw-id">
<hr>
<div class="image-container">
<img src="images/socialdraw.jpg" width="1250" height="572">
</div>
<div class="description">
<h3>SOCIALDRAW - SKETCH IN REALTIME WITH YOUR FRIENDS </h3>
<p>SocialDraw is a Free collaborative real-time drawing app. The easiest way to sketch with your friends on iPhone, iPad or Facebook. Start drawing something and your friends can watch as you draw and join in with you! Designed in collaboration with the excellent <a href="http://www.airgroom.com" Sir Jens Sjöbergh>Sir Jens Sjöbergh</a></p>
</div>
<ul>
<li><span>client</span> - SOCIALDRAW LTD</li>
<li><span>platform</span> - iOS, ANDROID, FACEBOOK, WINDOWS PHONE</li>
<li><span>worktype</span> - ART DIRECTION, VISUAL DESIGN, UX, IXD</li>
</ul>
<a class="project-link" href="https://itunes.apple.com/app/social-draw-draw-with-friends/id575157265">VIEW IN THE APPSTORE</a>
</div>
<div class="project" id="detectify-id">
<hr>
<div class="image-container">
<img src="images/detectify.jpg" width="1250" height="739">
</div>
<div class="description">
<h3>DETECTIFY - GET SECURE</h3>
<p>Detectify is a web application security scanner created for web developers all over the world who want to spend less time analyzing the security level of their code and more time writing it. Detectify looks for vulnerabilities such as XSS, SQL injections, LFI, RCE plus many more and generates a simple but thorough report with the results.</a></p>
</div>
<ul>
<li><span>client</span> - DETECTIFY</li>
<li><span>platform</span> - WEB</li>
<li><span>worktype</span> - ART DIRECTION, VISUAL DESIGN, UX, IXD, BRANDING</li>
</ul>
<a class="project-link" href="https://www.detectify.com">VISIT DETECTIFY.COM & SIGN UP</a>
</div>
</div>
<div class="footer">
<hr/>
<div class="grid clearfix">
<div class="one-fourth">
<h4>GETTING IN TOUCH</h4>
<ul>
<li><span class="line">- </span><a href="mailto:DESU@DESUDESU.COM?Subject=Hey Des">Mail Desu@desudesu.com</a></li>
<li><span class="line">- </span>HOTLINE +46 736 946 799</li>
</div>
<div class="one-fourth">
<h4>SOCIAL INTERACTION</h4>
<ul>
<li><span class="line">- </span><a href="http://www.twitter/deluxeroyale">Twitter</a></li>
<li><span class="line">- </span><a href="http://dribbble.com/deluxeroyale/">Dribbble</a></li>
<li><span class="line">- </span><a href="http://se.linkedin.com/in/desmondarsan/">Linkedin</a></li>
</ul>
</div>
<div class="one-fourth">
<h4>LOCATION</h4>
<ul>
<li>KATARINA BANGATA 55</li>
<li>116 42, STOCKHOLM</li>
<li>SWEDEN</li>
</ul>
</div>
<div class="one-fourth">
<h4>注意、日本語で</h4>
<ul>
<li>のがたむろしてみよう</li>
<li>私は、少なくとも年に一度は日本を訪れる。</li>
</ul>
</div>
</div>
<p class="legal">©2013 The Obligatory Copyright Footer</p>
</div>
</body>
</html>