Category Archives: Redesign

Latest Projects
I recently worked on a very cool Flash project for Truman State University’s new website redesign. They wanted to have a photo slideshow on the homepage that could be dynamically created through a web form. Basically anyone can upload a photo, a caption and a link to the website/story corresponding to the headline/photo. When this form is submitted, the slideshow will automatically include the photo with caption/link

The project is here

I am by no means a programmer, but I work with another student who is. He did most of the programming and I did the Flash aspect of it. If you were to look at my Flash file you would see nothing on the “Stage” because everything was done with Actionscript, Flash’s scripting language. Strangly, Actionscript is very similar to Javascript.

Here’s a breakdown of what we had to use/implement:

  • Flash Actionscript which creates dynamic movie clips.. including code that would set a drop shadow, embed the correct font and set the placement of the text on the photo
  • A corresponding XML file that Flash pulls info from… this file also specifies the length of each slide, and how slow the fading occurs
  • An ASP email form/upload script which dynamically creates an XML file by first storing the data in a database

This is truly what Flash is meant to do. It isn’t meant to make meaningless welcome pages. The next generation of Flash is to incorporate ASP, PHP, Databases with it. No more of these pointless animations and all-flash websites.

On the (Photoshop) Drawing Board

gecKo mathematics

  • I’m working to complete all the secondary pages for this website, then I need to brainstorm ideas for how to present a math workbook online so that parents and teachers can see the teacher manuals and student workbook all on the same webpage. For all you teachers out there… I’m trying to create the online equivalent to a teacher edition book. The solution will be and should be much different than the typical wrap-around column with teacher notes on the outer edge and bottom of the page. Webpages aren’t print documents and can’t handle a very wide layout.
  • A gecko illustration is also needed for use on the website.

Worship Concert 2007 @ Meadow Heights

I get to create everything from website ads to the bulletin to the powerpoint slides. I still have the bulletin and powerpoint slides left to create. Here is a sneak peak:


website ad


front of the bulletin (8 1/2 x 11 turned on its side with the fold on the top)

Agricultural Science
I’m currently templating and programming the tertiary pages of the current website. I basically copy and paste the content from the current pages and put them in a blank webpages, then view the code to delete all the extra formatting that I’m using stylesheets for.


A screenshot sneak peak

See them live!
Homepage, Secondary, Tertiary

Korean Math becomes gecKo mathematics
The Korean Math project that I spoke about previously has sort of warped into having it’s own identity. The new name is ‘gecko mathematics” Why, I don’t know. Your guess is as good as mine.

What will happen when a possible sponsor asks what the concept behind the gecko is? We won’t have an answer… unless we say the truth which is,”because the professor’s grandkids like gecko’s.” This situation has confirmed to me the importance of a concept, even if it’s a simple one.

The website design that I presented previously is now programmed, thanks to my 4 hours of work. It is located here.

Korean Math becomes gecKo mathematics
The Korean Math project that I spoke about previously has sort of warped into having it’s own identity. The new name is ‘gecko mathematics” Why, I don’t know. Your guess is as good as mine.

What will happen when a possible sponsor asks what the concept behind the gecko is? We won’t have an answer… unless we say the truth which is,”because the professor’s grandkids like gecko’s.” This situation has confirmed to me the importance of a concept, even if it’s a simple one.

The website design that I presented previously is now programmed, thanks to my 4 hours of work. It is located here.

Korean Math Redux
I mentioned in the last post that I would be redesigning the Korean Mathematics website for a professor. I have previously done illustration for this project. First let’s see the current website design:

I wanted to make the navigation easier to… you guessed it, NAVIGATE. The wording of the links were also very ambiguous. “Help American Education”… ok but how and “what will happen when I click on this?”

Also there is a faux logo. It looks like a logo but it’s really not, its just some clipart paired with a title.

Text as images: See those quotes below the photo? that’s one big image. This website’s largest image contains quotes that don’t even need to be images.

Use a grid: as my viscom professor, Rusty would say… “let me see what grid you used to lay out that page.” This one doesn’t have a grid. I don’t always use a grid, mostly because I automatically use one without thinking about it. Sometimes it’s VERY necessary especially when figuring out hierarchy. To view the grid in Photoshop use Ctrl + ‘

Redux:

Here it is with my grid turned on:

I clearly defined the logo, even if it is just text. Simple is better. I think I read this on Seth Godin’s website: “Let your products/content give meaning to your logo”

I made the navigation stand out and moved it to the top. I also made the titles of each navigational link shorter in length and larger in size

The most important part of the website is highlighted below the logo, which happens to be where the viewer looks first.

Thoughts?