Add Me!

Sitemap & Wireframe example

May 11th, 2010

Sitemap example*Click the image to see sitemap

Skills: information architecture, Visio, Illustrator

This is sitemap and wireframe examples of a fictitious website Design Job Gala I did in school. Click the image to see sitemap. You can also view wireframe by clicking the link above.


Smart Foundation (flowchart example)

May 3rd, 2010

Smart Foundation (flowchart example)

Skills: information architecture, Visio

This is a flowchart example of Smart Foundation. Due to the client’s circumstances, the site didn’t launch but I wanted to show my skill to plan and architect a website through flowchart(click the left image) and diagram(click the link above).


Irvine Child Development Center (flowchart example)

May 3rd, 2010

Irvine Child Development Center (flowchart example)

Skills: information architecture, Visio

This is a flowchart example of Irvine Child Development Center’s parents forum site. It requires parents ID and PW to access to the forum so I posted presentation for you to see how the forum works. I created flowchart and eventually a real forum system with another developer in a team of developers.


Recipe Finder

May 1st, 2010

Recipe Finder

Skills: Flash (AS 2.0), Illustrator

Recipe Finder is a conceptual device embedded into a refrigerator door to help you to find recipes. You can set things such as ingredients, calories, preparation time and it’ll you search results based on your selection. You can view or save up to 4 recipes as your favorites.


EnCen

May 1st, 2010

EnCen*Click the image to see hardware design

Skills: Flash (AS 3.0), Illustrator

EnCen is a conceptual product represents “En(tertainment)Cen(tral)”, which is a portable device capable of store and display various media. It’s primary target is 15~35 who enjoy playing different media on-the-go. I came up with design for both hardware and interface to have a sense of a real consumer product.


Ahn & Associates

April 27th, 2010

Ahn & Associates

Skills: Flash (AS 3.0), flashLightBoxInjector, HTML, CSS

Ahn & Associates, INC. is a structural and civil engineering company has been around over 40 years. They needed a better way to communicate with clients and potential partners. I chose Flash to create a simple and slick website. In Services section, I used flashLightBoxInjector to pull photos from Flickr account so the client can update projects.


Road and Track

April 23rd, 2010

Road and Track

Skills: eZ publish, Photoshop, InDesign, HTML, CSS

I mostly did quality assurance for Road and Track’s new website. I transferred massive amount of articles from the old site and also uploaded newly created articles on the new website. It was the first chance for me to work intensively in a corporate level CMS such as eZ publish. Occasional image preparation and posting of other assets (PDF, video) were required.


Jason Woolever

January 17th, 2010

Jason Woolever

Skills: XHTML, CSS, Wordpress

Jason Woolever is composer, sound designer and musician. He wanted to have a website he can post music and other art projects to communicate with his fans and future clients. I used a commercial template for design and wordpress for content management system.


Diamond Bar Toastmasters

January 17th, 2010

Diamond Bar Toastmasters

Skills: XHTML, CSS, Joomla!

Diamond Bar Toastmasters is a community public speech club I personally belong. I used Joomla! to have robust cms for a multi-admin organization. You can do things like download a meeting agenda or view photos.
View Sitemap

View interactive wireframe


Greencraft

January 10th, 2010

Greencraft

Skills: XHTML, CSS, jQuery, PHP/mySQL, Flash

Greencraft is a website I made for one of school assignments. You can watch how-to videos about craft projects or save written instructions as pdf files.