City Typo T-Shirt

Projects | October 2, 2010 | 4 Comments

T-SHIRT DESIGN








FRONT & BACK

m1

BLACK COLOR

m2

WHITE COLOR

m3

MAP TYPE DESIGN

m4

CONCEPT DESIGN

nnn

DESCRIPTION

If you pronounce the words, it divides into syllables, I classified these syllables and organized the words up and down. For example, word ‘Paris’, pronunciation divides in to (Pa)/(ris), by placing up and down. I made a familiar word to awkward and gave a visually freshness and design effect.

RELATED PROJECTS

  • +Jongmin Kim Portfolio
  • +Jongmin Kim Mobile
  • +Tokyo Design Tour

ROLE

  • Solo work

Jongmin Kim Portfolio

Projects | April 23, 2010 | 8 Comments

VIDEO

DESIGN

cm1
cm2
cm3
cm4
cm5
cm6
cm7
cm8
cm9
cm10
cm11
vb
cm13
cm14

DESCRIPTION

This project is Jongmin Kim’s portfolio website.
On the last day of Tokyo travel, when I was flipping through the photos, that I took during the travel, I noticed that the photos in timely and in space order compose a story as it floats like a stop motion animation. I made gallery section based this idea.
I wanted the users getting to feel like actually getting on a plane and going to the cities, so I designed the flip navigation that you can see in airport, and added the sound effect and zoom-in transition in the section.
 
If you pronounce the words, it divides into syllables, I classified these syllables and organized the words up and down. For example, word ‘Paris’, pronunciation divides in to (Pa)/(ris), by placing up and down. I made a familiar word to awkward and gave a visually freshness and design effect.
 
The basic concept of this site is the integrated concept of Space Time, away from the concept completed by Albert Einstein as a separate concept. In Photo section, I made it to show the applicable photos only when time and space is selected together, and in Work section, it is organized in timely order and designed to have formally space.

RELATED PROJECTS

  • +Jongmin Kim Mobile
  • +City Typo T-Shirt
  • +Tokyo Design Tour

AWARDS

  • +15th Webby Awards, Official Nominee – August 2011
  • Web Award Korea, Excellent Prize – December 2010
  • The FWA, Site of the Day – August 2010

PRESS

  • +Web Designing – July 2013
  • +W.E.B Vol. 127 – July 2010
  • +.Net Issue 203 – July 2010
  • +NEWWEBPICK Issue 28 – June 2010
  • +WEAVE 04.2010 – April 2010

ROLE

  • Solo work

ddanga Bookmark

Apps, Projects | August 31, 2009 | 11 Comments

 




This is a simple bookmarking program that allows you to share your bookmarks across multiple environments.
For instance, let’s say that you add a bookmark to the web browser in your office; you won’t be able to see it from your home browser.
This application allows you to share the new bookmark across your work and home computers by saving your web hosting data.

The application has three modes – offline, online and share.
Offline mode stores the bookmark information to the user’s hard drive so it can be can be emailed or delivered by some other physical means to the destination computer.
Share mode allows you to publish your books to your web server so that other users can see your all of your bookmarks.
On-line mode allows you to sync your bookmarks by updating the xml bookmark file on your web hosting server so that it can be read by both computers via the bookmark application.

DOWNLOAD

 

This application was written in Adobe Air v. 2.0.
Please click “install now”.

If you intend to use on-line mode, download the PHP files to your web hosting environment.
You will need to change the permissioning on the file to either 777 or 755.
The default application password is 0000.
Download – bookmark_php.zip

HOW TO USE

 
1. Off-line Mode

To use off-line mode, first select the drive, folder and filename where you want to save your data file.
Once created this folder will store the data file for your bookmark information under drive://foldername//filename.cm.

Please note: this same path will need to be set up on each machine using the application.

 
2. On-line Mode


To use on-line mode, you must have common web hosting environment and this environment must support php files.
As mentioned above, download the php file, copy to your web hosting environment and update the permissioning settings.
(Please change files permission to 777 or 775)
In the application interface, enter the url and path information on the web hosting environment to the php file.
(ex: http://myhome.com/bookmark/)
Enter the password (default 0000).
Hit confirm.

Download – bookmark_php.zip

 
3. Share mode


There are two modes for share mode : Share local file and Share web file.
You can’t add, modify and delete data at Share web file mode.

Share local file: Using this mode the user can share his/her bookmark information via a file that is created when the user selects the “export my data file” button.
The user can deliver this file to the other user via email, etc. and the second user can upload the file on their machine.
The file can then be loaded using the import data file.

Share web file: In this mode, the bookmark file is uploaded to the users web hosting environment.
The second user may see the shared bookmark information using the url to this file on the first users web hosting server.
The file name is “list.php”.
You add the file by clicking the add button.
In the add window you add other users (friends) urls and hit confirm.
The other users’ information will be automatically loaded into the interface.

 
4. Adding Categorys

To add a bookmark, select add category from the main window.
In the pop up screen, enter first the category name for the bookmark and select add.

 
5. Adding Bookmarks


In the main window, click the + sign next to the newly created category.
In the Add List window, write or paste the url for the bookmarked page into the url box and the display name for this bookmark (if you don’t add a name, you will just see the url).
Click add.
In the main window you will now see the new bookmark under the (or existing) category.

 
6. Basic Use
You will notice the “modify” and “delete” buttons when you mouse over the plus sign next to the category.
These allow you to edit the category name.
You can add and delete individual urls by clicking the icon in front of each url name under the category.

You can change the position of a given category by clicking and dragging the category within the window.

 
7. Additional Uses

– If you are in online mode and the network is connection is lost, you will see an error message “Disconnected Network”.
– You can collapse and expand all categories by right clicking and selecting open all categories or close all categories.
You can collapse and expand individual categories by simply clicking the category name.
– To disable the resize animation, deselect the “auto resize” option in the settings display.
 
 
If you have any questions, comments, suggested enhancements or bug reports, please contact me directly at cmiscm@gmail.com.