skip navigation and go to content
JordanKatherine Logo

About

My name is Jordan Hardy and I design websites. This portfolio features final projects I have created while attending the Art Institute of Washington. Feel free to contact me if you have any questions or comments about my work. Have a good day.


contact



main project
  • preview project
  • preview project
  • preview project
  • preview project


Dynamic Web Applications - IMD410 IMD410


Meko's Corner
[ View Site ]
Purpose: Custom content management system for dog owners in the Washington D,C. area used to help find local listing for their pets needs.
Audience: Animal Lovers
Tone: Warm, inviting.
Technology Used: PHP, HTML, CSS, CCS3, jQuery, Photoshop, InDesign, Illustrator

Special Topics - IMD470 IMD470


Pierce Museum of Art
[ View Site ]

Purpose: Online art gallery for artist to be showcased and sell their work.
Technology Used: Drupal, CSS, jQuery, Photoshop, InDesign, Illustrator

Marketing Basics - IMD405 IMD405


IMD405
[ View Site ]

Proposal Rough Proposal
Brainstorming List Canopy Brainstorming List
Topics Canopy Topics
Topic Outlines Topic Outlines


Interactive Message Design - IMD440 IMD440


Qi Design
[ View Site ]

Purpose: Qi Design is a fictional interior design website that an online identity was created for.
Audience: 30+
Tone: Sophisticated, Inspirational, Calming
Technology Used: HTML5, CSS, jQuery, Photoshop, InDesign, Illustrator, After Effects
Documentation: Validations

Developing Rich-Media Applications - IMD330: IMD330


Doggie Bone
[ View Site ]

Jordan Katherine Sunglasses & Eyewear
[ View Site ]

Technology Used: Flash, Photoshop, InDesign, Illustrator, InDesign, HTML, After Effects, Premiere

Video For Interactive Media - IMD340: IMD340


The Enchanted Locker
[ View Site ]

Purpose: The Enchanted Locker is an educational interactive website that teaches the audience about different animal facts through video.
Audience: 12 years old and up.
Tone: Educational, minimalist
Technology Used: Flash, HTML, CSS, jQuery, Photoshop, InDesign, Illustrator, After Effects, Premiere
Documentation: Validations / Process Book


Production Team - IMD320: IMD230


Council for the Advancement
of Standards in Higher Education

[ View Site ]

Designing Interactive Interface - IMD315: IMD220


12.29 | design & the purple crayon
[ View Site ]

Documentation: Process Book

Programming Concepts - IMD230: IMD230


Jacqueline Kennedy:
The White House Years

[ View Site ]

Purpose: To showcase the accomplishments
of Jacqueline Bouvier Kennedy during the
White House Years.
Audience: 20 years old and up.
Tone: Informative and clean.
Technology Used: Flash, Photoshop,
InDesign, Illustrator, XHTML
Documentation: Process Book
Old Version: [ View Site ]


User Centered Interface - IMD220: IMD220


{get} Innovated
[ View Site ]

Purpose: Online magazine created for and by the web design students of Chestnut Hill University of Design.
Audience: 17 years and up, internet savvy design students.
Tone: Informative, light-hearted.
Technology Used: XHTML, CSS, Javascript, jQuery, Photoshop, InDesign, Illustrator
Documentation: Validations / Process Book

Audio for Interactive Media - IMD240: IMD240


AS3 Spectrum Player
[ View Site ]

Tone: Wispy
Technology Used: Flash, After Effects, Soundbooth, Photoshop, Garageband, XHTML

Web Page Layout & Design - IMD215: IMD240


Welcome To Cape Town
[ View Site ]

Purpose: To attract possible tourist to visit
Cape Town, South Africa.
Audience: 18 years old and up.
Tone: Interactive and Informative.
Technology Used: XHTML, CSS, Javascript,
jQuery, Photoshop, InDesign, Illustrator
Documentation: Validations / Process Book


Information Architecture - IMD200: IMD200


Purpose: The project is to re-design a new
website for the Falls Road Veterinary Hospital, a small veterinary hospital located in Potomac, MD.
Audience: Animal owners 17 and up.
Tone: Informative.
Technology Used: Photoshop, InDesign,
Illustrator
Documentation: Process Book

Interactive Design Concepts - IMD110: IMD110


Musée du Louvre - Paris
[ View Site ]

Purpose: To showcase the famous Louvre
Museum and the treasures on display there.
Audience: Art enthusists 18+ who may
want to go visit the Louvre one day.
Tone: Educational and light-hearted.
Technology Used: XHTML, CSS, Photoshop, InDesign, Illustrator
Documentation: Validations / Process Book

Before the Redesign:
Old Musée du Louvre site

Fundmentals of Interactive Design - IMD100: IMD100


Jean Michel-Basquiat
[ View Site ]

Purpose: To Inform the viewer of Basquiat's life and artwork.
Audience: Young adults interested in the Neo-expressionist style of art and the impact Jean-Michel Basquiat made to the movement.
Tone: Informative and artistic.
Technology Used: XHTML, CSS,Photoshop, InDesign, Illustrator
Documentation: Validations / Process Book

Before the Redesign:
Old Jean Michel-Basquiat site


Interactive Experience Design - IMD130: IMD100


Secret Life Of Bees:
Where Have All the Bees Gone?

[ View Site ]

Purpose: To shed light on the sudden disappearance of the honey bee in Europe and
theUnited States and what may have caused it.
Audience: 8 years old and up.
Tone: Colorful, satirical, and knowledgeable.
Technology Used: Flash, InDesign, Illustrator, XHTML
Documentation: Process Book