Crystal Kempen, Web & Graphic Designer

Portfolio

Programming and Website DesignFlash DesignPrint Design

Programming and Website Design

Prairie-Tech


 

Visit the website

Programming:
XHTML
CSS
JavaScript
PHP
MySQL

Applications:
Multiply Communication's CMS
Flash

Project Description:   My involvement for this site included: translating PSD images into a cross browser compatible website using XHTML and CSS, integrating Multiply's proprietary content management system into the website, creating JavaScript dropdown menus, flash banner animation and installing Multiply's custom news and contact form widgets.

Back To Top

Accelare


 

Visit the website

Programming:
XHTML
CSS
JavaScript
PHP
MySQL

Applications:
Multiply Communication's CMS

Project Description:  This website features a secure customer area which I developed. The sign-up process and log in was built from scratch and integrated into Multiply's proprietary content management system as a new feature. Functionality includes: verification e-mail codes that expire once clicked, password retrieval, multiple user areas that limit access depending on customer privileges. Admin features include: ability to automatically generate and send new passwords, verify accounts, change registration information for a customer and delete customers.

Back To Top

Hennepin Faculty Associates


 

Visit the website

Programming:
XHTML
CSS
JavaScript
PHP
MySQL

Applications:
Multiply Communication's CMS
Google custom search engine API

Project Description:   Site features a heavy back end database that stores information about clinics and physicians associated with Hennepin Faculty Associates. I was involved in developing site templates in XHTML and CSS, integrating them into Multiply's proprietary content management system, and integrating Google's search engine API so visitors could take advantage of Google's advanced search functions without leaving the site.

Back To Top

Multiply Communication CMS Development


 

Programming:
XHTML
CSS
XML
PHP
MySQL

Applications:

Project Description:  Advancing the features and usability of Multiply's content management system is an ongoing project that I work on frequently. I am responsible for assisting with version tracking and documentation, error tracking and fixing, ensuring third party widgets are up to date, and building new features which fit the needs of Multiply's clients. PHP and MySQL are the languages that I use to improve the functionality of the content management system and I improve usability through the use of CSS, XHTML, and JavaScript.

Back To Top

Edina Pediatrics

  • 1
    • Edina Pediatrics header
  • 2
    • Edina Pediatrics kids gallery
  • 3
    • Edina Pediatrics direction finder
  • 4
    • Edina Pediatrics extra

 

Programming:
XHTML
CSS
PHP

Applications:
Google maps API
Illustrator
Photoshop

Project Description:   Clients wanted a website for their clinic that was professional, well organized, and kid friendly. I designed the brand identity for their website which included color, imagery, and fonts. Special features of this website include a Google Maps API widget which patients can use to generate directions to the clinic, a photo gallery the clients can easily update and add photos to, and PHP code that randomly generates an image at the top of the website when the page is reloaded.

Back To Top

Guest Book Project

  • 1
    • Guestbook Header
  • 2
    • Guestbook Fourm
  • 3
    • Submitions
  • 4
    • Guesstbook Footer

 

Programming:
XHTML
CSS
PHP
MySQL

Applications:
Illustrator
Photoshop

Project Description:   User input is stored in a database and can be viewed by visitors. Guests can fill out a questionnaire, provide website feed back, and post to the guestbook. Before a post is published, an automated e-mail is sent to the guestbook owner allowing them to approve or delete a post by clicking on the appropriate link.

Back To Top

Processing Project: Aurora


 

View the project

Programming:
Processing

Applications:
Processing

Project Description:  Interactive data visualization project which uses data collected from satellite scans of the Aurora Borealis and Aurora Australis to generate an artistic representation of the northern lights. This information, which includes particle density, size, and depth, is parsed from an XML document then combined with data from a user's mouse input to emulated an Aurora.

Back To Top

Flash Design

Daily Transit In New York City

Programming:

Applications:
Flash
Illustrator
Photoshop

Project Description:  This was a group project that simulated working with a client. For this project my partner and I were given the assignment to design a campaign for a cause of our choice. We then designed own version of the campaign and swapped designs. Then we instructed each other in how we wanted our designs animated. This is my partner’s design, which I animated.

Back To Top

Flash Banners


 

View the 1728x90 banner in motion
View the 468x60 banner in motion
View the 300x250 banner in motion

Programming:
ActionScript 2

Applications:
Flash
Illustrator
Photoshop

Project Description:  I developed a series of Flash banners as a personal design challenge. My objectives included maintaining brand identity through consistent design and animation while keeping the weight of each banner under 28kb. ActionScript was used to achieve a complex background animation so the banner size could stay small.

Back To Top

Print Design

Magazine Redesign


 

Applications:
Quark
Photoshop

Project Description:  For this project I chose to redesign a magazine in Quark. I chose Renaissance magazine and gave it brand new identity by redesigning the cover, contents page and a three page spread.

Back To Top

Minneapolis Library Campaign


 

Applications:
InDesign
Photoshop

Project Description:  This was a project created for Advanced Design. I was given the task to design an advertising campaign for the Minneapolis Public Library. The campaign consisted of designing several different types of promotional material which included; a billboard advertisement, bus stop advertisement, and magazine advertisements.

Back To Top

Fruit Box Fusion


 

Applications:
Illustrator
Photoshop

Project Description:  In Team Production Design, my team and I were given the challenge to create a company that sells inks and create an advertising campaign for the company. The campaign included a website, chip book, logo and brand identity. I was responsible for design and construction of the chip book. The company logo, brand identity and mascot design were a collaborative effort created by the entire group.

Back To Top
reeds