tag webdesign

FONTOLOGY
fontology

Flash + ActionScript + Photoshop

Fontology is a flash based interactive website, which provides background stories and basic informaiton of fonts. It tells the history of the development of typefaces, enables users to compare different typefaces, and provides brief guidelines of choosing and using fonts.

check project
Asian Studies Center
Michigan State University
asn

HTML + CSS + Photoshop

During 2005 - 2007, I've worked for the Asian Studies Center as the webmaster and student assistant. I've rebuilt the whole site for Asian Studies Center, design the interface, and using HTML and CSS to build the site.

check project
web development

ACE Capital Group
ace capital

Joomla! + PHP + MySQL

Acecapitalgroup.com is the official site of Ace Capital Group, a real estate company. It is a Joomla based website. When working as the web developer in ACE, my daily responsibility includes maintaining and updating the website, create customized dynamic page using PHP and MySQL.

check project

Land Owner Services
land owner services

Joomla! + PHP + MySQL

Land-Owner Services site provides information and customer service to help resolve the users' property tax questions. It is created based on Joomla!

check project
animation

Typography Animation
after effect animation

After Effects

This video is a 30-minute animation created in After Effects. The purpose of this video is to combine typography design with motion graphic and sound.

check project
The beauty of
Chinese calligraphy
calligraphy

Flash + Photoshop

This is an animation, to show the beauty of Chinese calligraphy. The project tries to show the historical changes of calligraphy, from image to character, from complex character to simplified one.

check project
graphic design

Typography Poster
typography poster

Illustrator

This project is a typography poster. The aim of the project is to get familiar with Font, Family, Style, Anatomy of Type, and Typographic Composition.

check project

Color Theory - Mandala
mandala

Gouache

This is a color design for a Mandala pattern. The value pattern and temperature use emphasizes the focal point as first read and subsequently allows the eye to travel through design from the middle to the outer areas.

check project
research

AAU Career Support Center
AAU Career Support Center

Usability Research and Prototype

It is a group project for the Principles of Usability class. The research we did for the site includes affinity diagram, persona research, storyboard for user scenarios, paper prototype, user testing, and final digital prototype and user concept journey.

check case study check project

Recommendations for Launch.com

- Final paper for TC848 Information Architecture

This is an analysis for Launch.com and its other competitors. Try to point out the strengths and weaknesses of all these sites.

downloadpdf

Why do We Love Role-Play Game

- Human's original need of presence

Why do we love Role-Playing Game? Why do we need the feeling of presence? In this article, we try to give the answer of these questions through the factors that determine the level of presence, to explain the original human natural that determine people's enthusiasm about develop the technology of presence, and to find the reason of the prevalence of Role-Playing Game.

downloadpdf

Design Research for a Multimedia Chinese Culture Website

- Final paper for TC 841 Design Research

The aim of the research is to find out the appropriate method and content to create a good website. The target audience of the website is college students who are interested in China. And the aim of the website is to provide useful information for college students, help them to build a new conception of modern China.

downloadpdf
portrait
HELLO! I'M A WEB DESIGNER & DEVELOPER WHO IS
PASSIONATE FOR CREATING ATTRACTIVE, FUNCTIONAL WEBSITES
AND OTHER DIGITAL APPLICATIONS THAT PROVOKES FEELINGS.

Coming from China, I got the MA degree of DMAT(Digital Media Art and Technology) from Michigan State University. Right now, I worked as a web designer/developer in a real estate company for three years. Right now, I am studying for my MFA program in Web Design and New Media in Academy of Art University.

EDUCATION

MFA Web Design and New Media
Academy of Art University (present)

MA Digital Media Art & Technology
Michigan State University (2007)

BS Electrical Engineering
Southeast University, Nanjing (2005)

TECHNICAL SKILLS
  • (X)HTML, CSS, Javascript (Prototype, JQuery)
  • PHP, MySQL, XML
  • CMS (WordPress, Joomla), Dreamweaver & SugarCRM
  • Photoshop, Illustrator, InDesign, Fireworks
  • Flash (ActionScript), After Effect
RELEVANT COURSES
  • Color Theory, Typography for Digital Masters
  • Principles of Usability, Web Technology I, II
  • Digital Capture, Sound Specific
  • Time Based Media Scripting
INTERESTS

My personal interests includes web design and developement, web usability research, game design, and new digital technology. During my spare time, I am also learning oil painting. Although I am still an amateur in that, I really enjoy painting and would like you to check my paintings.

MY RESUME download

Bilingual, innovative technology-driven designer with both web development and design research experience, focused on improving web usability. Secondary skill set in Marketing Communications.

Organized, with excellent time management skills and a strong ability to multitask.

TECHNOLOGIES ---------------------

Web Programming: (X)HTML, CSS, Javascript (Prototype, JQuery), AJAX, PHP, XML
CMS & Web Apps: CMS (WordPress, Joomla, Sharepoint), Dreamweaver & Flash (ActionScript)
Graphic Design: Photoshop, Illustrator, InDesign, Fireworks, & ImageReady
Databases: MySQL, Microsoft Access, SQL, & Excel
Web Hosting: Cpanel/Plesk, Domain Registration, FTP, DNS Nameserver, DNS Record Management, Email Service Management

WORK HISTORY ---------------------

Web Developer | Webmaster
Ace Capital Group, Redwood City, CA (2007 - Present)

Hired as 1 of 4 technical staff within IT, leading design and development of 5 major web projects, using open source tools such as PHP and MySQL. Joined system administrators in providing support to Ace Capital's 30 staff and 200 sales agents.

As part of design team, created email template via Sugar CRM and Constant Contact, and designed fliers, brochures, and collateral in English & Chinese using Adobe Create Suite.

Webmaster | Student Assistant
Asian Studies Center, Michigan State Univ., East Lansing, MI (2005 - 2007)

Redesigned and managed web presence for Asian Studies Center across 2 years, concurrent with graduate studies in Digital Media and Technology.

EDUCATION --------------------

MFA Web Design & New Media - Academy of Art University (present)

MA Digital Media Art & Technology - Michigan State University (2007)

BS Electrical Engineering - Southeast University, Nanjing (2005)

CONTACT ME:

Send Me a Message:

Your Message:

Your Name:

Your Email:

Email:liuyun83atgmail.com