design.html

---
title: Design
permalink: design
layout: page
background: red
color: white
menu: true
weight: 1
category: design
---

<header class="white center mb2 uppercase">
  <img
    src="{{ '/assets/images/circle.svg' | prepend: site.baseurl }}"
    alt=""
    class="fadeInDown animated  title-icon--circle"
    aria-hidden="true"
  />
  <h1>{{ page.title }}</h1>
</header>

<div class="col-12 px2 md-col-8 mx-auto columize">
  <p>
    I had the chance to take on multiple roles in the design field. While I
    spent years doing webdesign, now I’m more interested in UI, UX & product
    management. I love design critique and learn from others.
  </p>

  <p>
    Few companies value the power of design and I often have to pave the way to
    find the right workflow within the team. It is always a different challenge,
    one I’m always ready to tackle.
  </p>
</div>

<section class="bg-white red py3 mt4 mb4">
  <div class="col-12 px2 md-col-8 mx-auto">
    <header class="mb2">
      <h2>Principles</h2>
    </header>

    <div class="flex flex-wrap mb4 mxn2">
      <div class="md-col-6 lg-col-4 p2">
        <i class="icon-minus h3 muted"></i>
        <h4 class="mb1">Less is more</h4>
        <p>You recognize good design when nothing cannot be removed anymore.</p>
      </div>
      <div class="md-col-6 lg-col-4 p2">
        <i class="icon-note-beamed h3 muted"></i>
        <h4 class="mb1">Familiar</h4>
        <p>
          People shouldn’t need a manual to understand what you want to
          communicate.
        </p>
      </div>
      <div class="md-col-6 lg-col-4 p2">
        <i class="icon-ccw h3 muted"></i>
        <h4 class="mb1">Agile</h4>
        <p>Don’t aim for perfect, ship fast, get feedback, react.</p>
      </div>
      <div class="md-col-6 lg-col-4 p2">
        <i class="icon-flash h3 muted"></i>
        <h4 class="mb1">Fast</h4>
        <p>
          Don’t make people waste time on your website or they’ll never come
          back.
        </p>
      </div>
      <div class="md-col-6 lg-col-4 p2">
        <i class="icon-heart h3 muted"></i>
        <h4 class="mb1">Honest</h4>
        <p>
          Design should not attempt to manipulate people with fake promises. It
          should be
          <a href="http://www.timewellspent.io/" class="red">useful</a>.
        </p>
      </div>
      <div class="md-col-6 lg-col-4 p2">
        <i class="icon-camera h3 muted"></i>
        <h4 class="mb1">Æsthetic</h4>
        <p>
          Beauty is part of usefulness, as good design influences our person and
          well-being.
        </p>
      </div>
    </div>

    <p>
      Greatly inspired by Dieter Rams:
      <a
        href="https://www.vitsoe.com/us/about/good-design"
        class="red"
        rel="nofollow"
        >https://www.vitsoe.com/us/about/good-design</a
      >
    </p>
  </div>
</section>