content.yml

pageTitle: Elastiq GmbH – David Aerne – Interaction Developer

intro: >
  Exploring ways to blend code and design while raising the quality and creative freedom of both. I use
  my passion and enthusiasm as a tool to promote ideas and skills.

introhtml: >
  Exploring ways to <a data-videostart class="intro__link" href="#video">blend code and design</a> while raising the quality and creative freedom of both. I use
  my passion and enthusiasm as a tool to promote ideas and skills.

quotes:
  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      David is a very motivated frontend developer whose mind is full of curiosity, ideas and creative thinking. On
      top of that he's a communication talent and very easy to get along with. I'd also like to mention that he's been
      an important part in developing the frontend for <a href="https://www.swiss.com/">swiss.com</a>.
    person: Severin Klaus
    position: Technical Director at DEPT® (then Hinderling Volkart)
    personUrl: https://www.hinderlingvolkart.com/team/people/severin-klaus/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      David is one of the few individuals that keeps impressing me with a great sense for delightful micro-interactions. His ability to create beautiful web experiences, that are both accessible and work smoothly across all devices is unique.
    person: Adrian Zumbrunnen
    position: UX Designer at Apple (then Google)
    personUrl: https://azumbrunnen.me/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      David is one of the rare people who know how to write scalable and readable CSS. He strives for perfection and his systematic approach makes it easy to pick up where he left. David taught me that there is more to CSS than spaghetti and pixels.
    person: Pierre Spring
    position: Freelance Node.js and Frontend Developer
    personUrl: https://www.linkedin.com/in/pierrespring/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      He's a very talented and self motivated frontend geek that was a huge help in every project I worked with. You could be sure to deliver if the frontend tasks were given to him. Very positive minded person who I really appreciated.
    person: Nail Ünlü
    position: Cloud Strategy & Architecture Lead (Director) at Swiss Re
    personUrl: https://www.linkedin.com/in/nail-%C3%BC-73101469/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      When it comes to complex online interactions and animations things are getting really complicated as smooth transitions aligned with its context makes the difference. How to effectively balance between user experience and front-end development considering the variety of browsers to be supported, David showed impressively how best in class animations feels like elevating the project to a significant showcase in the insurance industry.
    person: Evangelos Avramakis
    position: Head of Cross Channel Management at Helsana Insurance
    personUrl: https://www.linkedin.com/in/avramakis/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      With his passion for concepts, systems and interactions, David fills the gap between design and frontend. He is a great ambassador and advisor for modularity and taxonomy, adding value to every single project I worked with him. David is a true craftman when it comes to animations. Always tweaking and seeking to improve the user experience to its max. With his attitude and style, working with him was not only rewarding but also refreshing.
    person: Angela Dannhorn
    position: Interaction Designer at Google
    personUrl: https://www.linkedin.com/in/angela-dannhorn-3302b9a2/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      David is an expert when it comes to Frontend & Interaction. Regardless of the type of animation, he’s always making sure that the performance, the smoothness and usability are present to provide the best possible user experience. I’ve met him as an intern. He taught me the creative coding basics and he made sure that I understood what I was crafting. Learning from him has been a real pleasure.
    person: Nicolas Lanthemann
    position: Lead UI/UX Designer at Thanks but no thanks
    personUrl: https://vanderlanth.io/

  -
    url: https://www.linkedin.com/in/davidaerne/
    text: >
      David is the kind of person who's creativity comes alive through order. His art is a mixture of math and language and he'll manage to transform all kinds of messes into organized beauty. No matter if it's about untangling non-maintainable code or coming up with crucial language in a design system or coding visuals to transform hard-to-grasp concepts into understandable images. As an excellent communicator he not only manages to transform his ideas into scalable code, but also eloquently let's people into his head so they can follow along. He is a talented teacher and an uplifting peer that easily slots into a team, able to bridge a gap between frontend and design.
    person: Myriam Frisano
    position: Senior Frontend Engineer at ZKB
    personUrl: https://www.linkedin.com/in/myriamfrisano/

projects:
  -
    title: Helsana Microsite
    employer: ginetta
    type: corporate
    url: https://www.youtube.com/watch?v=EyuFEHSxG2c
    description:
  -
    title: Crowdhose
    employer: ginetta
    type: corporate
    url: Crowdhose.ch
    description:
  -
    title: Swiss
    employer: Hinderling & Volkart
    type: corporate
    url: swiss.ch
    description:
  -
    title: Migros Magazin
    employer: ginetta
    type: corporate
    url: https://www.migrosmagazin.ch/
    description:

  -
    title: Samsung Warables
    employer:
    type: corporate
    url: https://codepen.io/meodai/full/MEqpVL

  -
    title: Pronydays
    employer: Elastiq
    type: cultural
    url: https://www.pornydays.love/

doodles:
  -
    name: Generative Poster I
    url: https://codepen.io/meodai/full/PLMgRz
  -
    name: Generative Poster II
    url: https://codepen.io/meodai/full/XQbGQW
  -
    name: Generative Poster III
    url: https://codepen.io/meodai/full/xeeKRe
  -
    name: Generative Poster IV
    url: https://codepen.io/meodai/full/MRdGYW
  -
    name: Generative Poster V
    url: https://codepen.io/meodai/full/PgMQMq
  -
    name: Generative Elastiq Logo
    url: https://codepen.io/meodai/full/KKPLbKq
  -
    name: Crazy Grid
    url: https://codepen.io/meodai/full/MRroga
  -
    name: Smeary Text
    url: https://codepen.io/meodai/full/moYebY
  -
    name: Perlin Noise Hair
    url: https://codepen.io/meodai/full/XxzNzR
  -
    name: Perlin Noise Hair II
    url: https://codepen.io/meodai/full/JmrvaW
  -
    name: Generative Logo based on color
    url: https://codepen.io/meodai/full/RRzNAg
  -
    name: Generative 3d Clouds
    url: https://codepen.io/meodai/full/VvMJNV
  -
    name: LSD Worm
    url: https://codepen.io/meodai/full/aOdLro
  -
    name: Playfull Logo
    url: https://codepen.io/meodai/pen/YvaLzJ
  -
    name: Playfull Logo II
    url: https://codepen.io/meodai/full/PxbebR
  -
    name: Infinite Bro Clicker
    url: https://codepen.io/meodai/full/QZmjWe
  -
    name: Minimal Radio Player
    url: https://codepen.io/meodai/full/xbeePp
  -
    name: Misc Hover Animation
    url: https://codepen.io/meodai/full/aQZogo
  -
    name: Animated Logo
    url: https://codepen.io/meodai/full/JedRmo

color:
  -
    name: Generative Color Harmonies
    url: https://codepen.io/meodai/full/RerqjG
  -
    name: Color Palette Mixer
    url: https://codepen.io/meodai/full/GLyGeG
  -
    name: List of 18k color names
    url: https://meodai.github.io/color-names/
  -
    name: Representation Of 18k color names in different color spaces
    url: https://codepen.io/meodai/full/zdgXJj
  -
    name: Color Gradient Generator
    url: https://codepen.io/meodai/full/xyqoEO
  -
    name: Color Harmony Tool
    url: https://codepen.io/meodai/full/KagxwW (v2 in the making https://www.youtube.com/watch?v=GCGUqAQcfFw)

social:
  -
    name: Twitter
    url: https://twitter.com/meodai/
  -
    name: LinkedIn
    url: https://www.linkedin.com/in/davidaerne/
  -
    name: Instagram
    url: https://www.instagram.com/meodai.jpg/

code:
  -
    name: Github
    url: https://github.com/meodai/
  -
    name: Codepen
    url: https://codepen.io/meodai/
  -
    name: Stackoverflow
    url: https://stackoverflow.com/users/157397/meo

clients:
  -
    name: Swiss
    url: https://www.swiss.com/
  -
    name: Helsana
    url: https://www.helsana.ch/
  -
    name: Zürcher Kantonalbank
    url: https://www.zkb.ch
  -
    name: Viu
    url: http://viu.ch/
  -
    name: Unic
    url: https://www.unic.com/
  -
    name: Zürich Versicherungen
    url: https://www.zurich.ch/
  -
    name: Canton of Aargau
    url: https://www.ag.ch/
  -
    name: Samsung
    url: http://www.samsung.com/ch/
  -
    name: Kreienbühl und Vogler
    url: http://www.kreienbuehlundvogler.ch/
  -
    name: Sir Mary
    url: https://sirmary.com/
  -
    name: Credit Suisse
    url: https://www.credit-suisse.com/
  -
    name: Kanton Aargau
    url: https://www.ag.ch/
  -
    name: Stairlin
    url: https://www.stairlin.com/

employers:
  -
    name: Unic
    url: https://www.unic.com/
  -
    name: Hinderling & Volkart
    url: https://www.hinderlingvolkart.com/
  -
    name: Nelmio
    url: http://nelm.io/
  -
    name: Ginetta
    url: https://www.ginetta.com/


address:
  title: Elastiq GmbH
  street: Zentralstrasse 43
  city: 8003 Zürich
  phone: +41 78 895 81 19
  email: tschou@elastiq.ch
  mwstID: CHE-496.923.818
  person:
    name: David Aerne
    role: Owner / Webmaster
    phone: +41788958119
    email: david@elastiq.ch

buzzwords: >
  ux design, front end, frontend, web development, interaction design,
  Zürich, front end developer, frontend developer, interaction developer,
  React, vue.js, vanilla js, javascript, css, html