Luger’s 2013 – Lugr Log

Projects | March 29, 2013 | Comment

CONCEPT

Luger’s Day is Firstborn’s annual party to celebrate Firstborners, and we usually did some funny things for the day.
– See what I did for last Luger’s Day.
  
For Luger’s 2013, we made a camera App named ‘Lugr Log’ and a website.
The idea is very fun, everyone installs the Lugr Log App on their phone, and they will have 36 photos to use from 11 am Thursday to 11 am Friday.
The photos will be automatically saved on the server and starting the morning after, we will be able to watch the photos on the Lugr Log site.
People can’t see the screen clearly when they take a picture, so nobody knows what picture will be on the site the next day :)
The App has a special function, when people launch the App on the next day, the App displays a ‘self-destruct’ message and shows explosion animation with vibration.

RUNNING ON IPHONE

APP DESIGN

d1
d2
d3
d4
d5
d6
d7
d8

WEBSITE DESIGN

v1
v2
v3

2013 LUGER’S DAY

a1
a2

Technologies & Tools

  • UI/UX Design

RELATED PROJECTS

  • +Luger’s 2012 T-Shirt

ROLE

  • Idea : Brett Swanson
  • Producer : Jillian Likens
  • Android Developer : Zeh Fernando
  • Back-end, iOS Developer : Phil Baudoin
  • Front-end Developer : Emily Park
  • Designer : Jongmin Kim

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

Cadillac ATS vs The World

Projects | August 7, 2012 | Comment

VIDEO

DESCRIPTION

Fallon approached Firstborn to create a slick web experience for the new Cadillac ATS. Firstborn built a site that flows between four different international destinations, each one showing off the car’s unique features. The user can explore each location, devour exclusive content and even check in to prove to friends that they were ‘there’. Parallax animation seamlessly pulls the users deeper into each environment to learn more about the car’s features. Using WebGL, Firstborn created a spinning globe to replicate the TV spot. Additionally, Firstborn created tablet and mobile versions. Once we realized the possibilities behind using WebGL, we completely changed our design. We went from a site intro featuring 3D video to a spinning 3D globe in HTML.

Technologies & Tools

  • JavaScript
  • HTML5
  • Canvas
  • Animation
  • Interaction

AWARDS

  • The FWA, Site of the Day– August 2012

ROLE

  • Lead Developer : Jongmin Kim