Form Follows Function

Projects | January 22, 2013 | 13 Comments

VIDEO

DESIGN

f1
f2
f3
f4
f5
f6
f7
f8
f9
f10
f11
f12
f13
f14
f15
f16
f17

DESCRIPTION

Form Follows Function is a collection of interactive experiences, each with its own unique design and functionality. The collection is created using HTML5, ensuring compatibility and optimal performance on both desktop and tablet devices. This project demonstrates the capabilities of current technology and pushes the boundaries of what is possible within a browser-based experience.

One particularly noteworthy aspect of this project is the “Wiper Typography” section, which was inspired by an interesting episode during its development. The design and interaction had already been conceptualized, but the challenge of creating the necessary Javascript code initially stumped me. However, after two days of contemplation, I woke up with the solution and was able to implement it within 30 minutes. This section holds a special place in the project, as it exemplifies the power of perseverance and inspiration.

This project is not just a collection of HTML5 experiences, but also a reflection of my personal interests and inspirations. As an admirer of artists like Vincent van Gogh, Rene Magritte, and Andy Warhol, as well as concepts such as the Golden Ratio, minimal design, and typography, these influences are evident throughout the project. For example, the “Plant Trees” experience was inspired by Rene Magritte’s “Empire of Light”, depicting the paradoxical combination of day and night. The trees in this experience are dark during the day, but bright and colorful at night.

Technologies & Tools

  • JavaScript
  • CSS3
  • HTML5
  • Canvas
  • UX/UI Design
  • Book Design
  • Animation
  • Interaction

RELATED PROJECTS

  • +FFF Canvas Prints

AWARDS

  • +Red Dot Award, Winner – July 2014
  • +One Show Award, Merit Award – April 2014
  • 18th Webby Awards, Official Nominee – April 2014
  • +Davey Award, Silver Winner – October 2013
  • +W3 Award, Best in Show Winner – September 2013
  • +17th Webby Awards, Official Nominee – April 2013
  • .Net Awards 2013 – Side project of the year, Nominee – April 2013
  • +The FWA, Site of the Day – February 2013
  • +The FWA, Mobile of the Day – February 2013
  • AWWWARDS, Honorable Mentions – February 2013
  • +The FWA / Adobe, The Cutting Edge Award – January 2013

PRESS

  • +FFF now updated to support mobile devices! – April 2014
  • +Social Technology Quarterly Magazine issue 09 – September 2013
  • Communication Arts / Webpick of the day – July 2013
  • +Web Designing – July 2013
  • +FFF project for The FWA advertisement in Web Designing – June 2013
  • +FFF project on Google Chrome advertisement – May 2013
  • +CA Korea – May 2013
  • +IdN – May 2013
  • +Canoe Technology News and Yahoo News by Relaxnews – April 2013
  • +.Net Issue 240 – April 2013
  • +W.E.B Vol. 160 – April 2013
  • +Content Magazine – April 2013
  • +.Net Awards 2013 Side Project of the Year – April 2013
  • +Adobe Inspire Magazine – April 2013
  • +Web Designing – March 2013
  • +FFF on a Kindle – March 2013
  • +Fast Company – January 2013
  • +Google Chrome Experiments – January 2013
  • +Smashing Magazine – January 2013
  • +Wired – January 2013

ROLE

  • Solo work