Tuesday, 22 May 2012

Animated Flash Website Concept - Seburo

For a project, I was assigned to create an animated flash website. In this instance, I decided to base it on the fictional gun manufacturer, Seburo, featured in many of Masamune Shirow's works (I do not own).

I based the layout on one of my favourite of his works, Ghost in the Shell. The interface is simple and sleek, with a clean, minimalist design and rollover buttons that can be accessed via quick-keys for changing the displayed information. It also gives the impression of being part of a flowing data stream, thanks to the animated background featuring files similar to the one showing the information flying past. The user can stop or start the animation at any time or even change the colour of the background using the controls in the lower left corner. A display also shows the current date and time in real time, a touch I thought appropriate given the high-tech cyberpunk nature of the site.

Wednesday, 2 May 2012

TAFE Moodle Interface Redesign Concept

This concept was from a interface design project for the TAFE Moodle system. We were asked to make the GUI more visually appealing and streamlined. My idea was to separate out the various weekly sections and menus and make them minimizable to reduce on-screen clutter. Within the weekly sections, files for the week are separated out by their purpose, such as whether they are intended to be notes and reading material or they are intended to be assignments to be downloaded. Finally, the submission section was redesigned to be easily readable and accessable from within the main course page, as opposed to having to go through several other pages in order to see whether the assignment was marked and what grade you got.

Aesthetics-wise, I believed that the best option was to keep the interface simple and use colour to highlight the important sections and provide information (eg. yellow for the submission section means that the assignment hasn't been submitted, blue means it has and has been given a passing grade). The colour palette was taken from the TAFE website in order to match the organization's colour theme.