Code Demonstrations

Some tutorials I have put together to demonstrate my ability to code xhtml, css, javascript and php. This is a work in progress so check back later for more.

Build a customizable template :: Creating a template is useful if you have to create multiple pages that look the same. The benefit of a template is if the programmer has to change an element (say in the header), instead of editing hundreds of documents, he/she can just edit one: header.php.

One page iPhone website :: Best viewed on an iPhone or iTouch! This is my homepage created to be viewed on an iPhone or iTouch. It is built to resize when turned 90 degrees and is based on the template layout mentioned above using php. If you would like to take a look at the code, you can download the zip file.

CSS ABCs web page for iPhone/iTouch:: Best viewed on an iPhone or iTouch! Scroll through the abcs using your itouch and iphone. It is built to resize when turned 90 degrees.

Augmented Reality Prototype

Client: Student Project

Scope: Identity/branding, Flash Actionscript 3.0

Objective: Create an augmented reality prototype. Focus on environment and what the user may want to know about it.

Status: Complete

Sketches

Mockups

Coming Soon

Video

Landscape Management Application

Client: Student Project

Scope: Graphic design, identity/branding

Objective: Create a mobile application that teaches the user how to perform a task.

Status: In Progress

Research/Scope

Interviews

Scope

BIO 488 Neurobiology

Client: North Carolina State University Faculty

Scope: Graphic design, CSS/XHTML Templates

Objective: Create the identity of an online neurobiology course.

Status:

Moodboard 1

Moodboard 2

Splash Page

Powerpoint Slide

Moodle Banners

IBM Tivoli Website

Client: IBM Tivoli

Scope: Graphic design, CSS/XHTML, Wordpress integration, PHP, Icons

Objective: Create a website that facilitates communication between visual designers.

Status: Live. Online since 1/2010 on IBM Intranet.


Icons

Home Page View

Header Detail

Planning Communities Website

Client: Planning Communities

Scope: Graphic design, Branding/Identity

Objective: Create the identity and website of Planning Communities.

Status: Mockups


Mockup 1

Mockup 2

Mockup 3

Mockup 4

HI208 History of the Middle Ages

Client: North Carolina State University Faculty

Scope: Graphic design, CSS/XHTML Templates, Branding/Identity

Objective: Create the identity of an online history course.

Status:

Splash Page

Mediasite Banner

Mediasite Banner

Timeline

Timeline

Timeline

Timeline

Planning Communities Brochure

Client: Planning Communities

Scope: Graphic design, typography

Objective: Create an attractive information brochure that will inform on a new community infrastructure.

Status: Published


Front

Back

Campusmovie Fest

Client: North Carolina State University

Scope: Graphic design, Branding/Identity,

Objective: Design advertisements in various media for the NC State Campusmovie Fest.


Banner up

Technician Print 1

Technician Print 2

Technician Print 3

Technician Print 4

Digital Banner

Digital Banner

2009 Summer Institute Brochure

Client: North Carolina State University

Scope: Graphic design, Branding/Identity

Objective: Design an educational brochure for NC State professors and faculty.



Cover Design 1

Cover Design 2

Cover Design 3

Cover Design 4

Cover Design 5

Photography