My most recent project is at the top and my least recent project is at the bottom. Click on the image of the webpage to see my work.
CB Radio Presentation
In my IMD450 class (History of Communication Media) we had to research a topic relating to the history and development of communication media and present it to the class. I chose the Citizens Band radio (or CB for short) because when I was growing up my father had a CB radio in his car as well as a base station in our home and I remember having a lot of fun with it. My teacher (Troy Bennett) picked my presentation for the department site and it was selected as the featured project for IMD 450.
Flash Movie Website
This is a Flash movie website. Our task was to make a flash website from a movie that was existing or past and recreate it using only Flash. I chose the documentary film "Helvetica". I recreated it using the New York Subway map that Massimo Vignelli created as the background and faded it down so it wouldn't compete with the elements on top of it. The image of the Subway map is very large by design and by clicking on the navigation, the movie shifts or tweens to a new location on the map and then loads that page. The pages are separate .swf files that load into the main .swf file. Due to time constraints and copyright's I couldn't create the pages linking to the correct files (Screenings, Blog, Stills, Trailers, Mailing List, Shop) so they are just images.
Flash Picture Viewer
This is a Flash picture viewer, I created with a comicbook theme based viewer to show more of a range for my work. I dropped the background opacity down to 20% so it would not overpower the design. I created the controls/buttons by hand to give it a more comicbook cartoonie feel. The viewer starts on auto play and will cycle through the first album by itself. You can pause the viewer by clicking the center pause button and then go forward or backward or change albums. Clicking any of the forward or backward buttons automatically takes it off auto play. You can put it back to auto play by clicking the Play button.
AIA Webraising for non-profit organization:
The Bill Maness Outreach Center
I had a great time working on a team of 4 guys including myself. We listened to the clients needs and came up with several comps for them. After a few rounds of comps we came to a final design and began coding. We delivered the finished complete website on time and to the total satisfaction of the client. Total turn around time 3 months. They were thrilled at what we could do for them. I was part of the Design and Coding of the website. You can see what thier old website looked like by going to the BMOC Before page
Project: Create an Image Gallery
This project was very fun. We had to create an image gallery choosing our own images, of which had to be at least 30. I chose to use images from my favorite video game, "City of Heroes". I grabbed a bunch of screenshots from the web and then put them all together "only for the purposes of this class project" into a nice gallery. Just click on the thumbnail of the image you would like to see enlarged and it is displayed in the placeholder image. Click the image below to go to that page:
Project: Georgia Theatre Photos page
This project was redesigning the Georgia Theatre website. We had to pick one page and represent our redesign. The page I chose was their photos page. I created a crowd scene with a 3D effect and used a Z index to make sure it would remain in the front, then put the pictures in a div using the overflow code to create a vertical scroll bar only on the side of the page. This gives the page a very neat effect where the pictures come out of the crowd itself:
Project: CSS Zen Garden
The CSS Zen Garden website shows the need for separating design and style. The website asks its viewers to download both HTML and CSS files and then only alter the CSS style sheet to create your own style. This is my creation or style of the website:
Project: Fictitional Airline visual comp
Here is a visual Comp for a fictitious airline I had to create:
Project: Barnegat Lighthouse
Here is a full scale visual comp mockup I did for the Barnegat Lighthouse website.
Project: Final Project - Design image of a song
For our final project we had to take a song that meant a lot to us and compose a visual representation to capture the mood and feeling and then present our composition to the class and provide positive critique and feedback, explaining what we liked, what we thought could be improved upon and how they might go about that. I chose an instumental song called Sandstorm, which always brings me back to the years when I had just moved to Atlanta.
Project: Buca
For this project the teacher gave us the name of a fictitional company (Buca) and we had to come up with a mark and logo then create what the company sold as a product, decide what our target audience was and then create the product in a marketing setting and pitch our company and product to the class. We also had to justify why we used certain fonts and colors and did it hit our target audience and critique in a positive way other peoples pieces, providing what works what doesn't work and why.
I created Buca as a beer company, whose target audience is mostly men but I designed the product so it would not look like a mans only drink. First I did some research and discovered that beer has been around since ancient Egypt. Pyramid drawings show the workers drinking beer many thousands of years ago so I decided to incorporate that legacy into my product. In my research I found an egyptian heiroglyph for the letter B which looks like a tall glass of beer so I decided to use that as the companys mark. For the logo I decided to incorporate a pyramid shape which signifies strength and mystery at the same time intrigue. For my colors I choose a sand color again tying back to Egypt with a blue ribbon around it for a mostly male feel. I even came up with a slogon at the bottom of the mark and logo which says "The Best of the Best" because all the ingredients that go into Buca Beer are only the finest.
These interactive media projects were created by a student for educational purposes at The Art Institute of Atlanta and is in no way intended for commercial gain or as a source of public information.
Send email to Gary@NetConstructions.com with questions or comments about this web site.
Last modified: March 08, 2010
