The Edge Element – design preview

Posted on Fri May 07, 2010, 10:42 am in The Edge Element by Siasan.
Tags: , , ,
130 Comments
Share

‘Gallery’ is a self-directed project that forms the major assessment for my current course. Because I’m essentially working for myself I’m constantly looking for ways to get feedback and advice from as many other people as possible. Posting designs on ‘The Daily ALIEN’ is an important part of this process.

I invite all readers to comment on my design. My only request is that you keep your comments polite as all comments with offensive content will be deleted. You can provide your feedback in three different ways:

  1. Use the ‘comments’ form at the bottom of the page
  2. Use the contact form
  3. Email me directly: my address is emma AT siasan.com.

When commenting on this design, please consider the following areas: interface, navigation, flow of information, visual style, overall direction and structure of the project and any other general comments.

By the way, you can download a copy of the design document. It’s 35 pages long and weighs in at just under 2MB, though, so if you prefer you can read the summary below. The summary includes the important points of the full document as well as adding a design rationale

The project

Client: Emma J Lomman (web designer, web developer and digital artist).

Purpose: expand a hobby of making desktop backgrounds into an online service.

Products to be offered: desktop/mobile phone backgrounds, custom backgrounds, website/CMS themes.

Technology: Joomla!

List of requirements

  • an easy-to-use gallery interface
  • a combination of free and purchased content
  • downloadable content and a means of tracking downloads
  • include information and a sales pitch about who the client is and what she does
  • advertise additional services
  • e-commerce model that includes online transactions
  • able to be accessed using a range of different screen sizes, device types and connection speeds
  • contact the client
  • administration section for managing uploads, updating information and tracking user activity
  • easily accessed methods of advising users when new content is available
  • search function

In the future the site will be expanded to include the following additional features:

  • ‘skinnable’ interface
  • advanced search function
  • be able to recommend images

Target audience

Teens to over 50s (all content will be G-rated i.e. suitable for children).

The design

Site structure

Site architecture diagram

Site architecture diagram

Interface design

The Edge Element logo

home page

home page

gallery page

gallery page

download page

download page

text/other content page

text/other content page

form page

form page

Rationale

My goal with this design was to develop a light on dark theme that made use of desaturated colours rather than plain greys. It is intended to be simple enough that it won’t attract attention away from the content while at the same time adding enough visual interest to give the site some individuality.

The site is full screen, with dimensions changing for different screen sizes. The number of images per row on the gallery page will change depending on the amount of screen available. This should maximise compatibility with a range of different devices.

By the way, a mobile version of the interface is planned for the future.

The best point of this design is that it will not clash with or attract attention away from content images. The flip side of this, though, is that some of the darker images in my collection might not stand out against the background. I’m hoping that the image borders will counteract this effect, though.

There are still a few things that I’d like to change about the design. The main site title is the big one – it just doesn’t stand out or add anything to the overall design. I’d also like to add some colour to the navigation, although this will probably be in the form of rollover effects rather than big changes to the default state. Finally, the page titles need something added to them so that they stand out more.

Suggestions are welcome!

Share

Introduction

Posted on Mon Apr 12, 2010, 4:05 pm in introduction by Siasan.
Tags: , ,
125 Comments
Share

The Daily ALIEN is the official news and information service for the Siasan network. Our aim is to inform readers of the latest news and events happening around Siasan. We will also publish tutorials, design commentary and random hints & tips.

We are also able to bring you previews of layouts and designs. Readers are invited to provide comments and critique on these designs – your feedback may be incorporated into design revisions!

Of course the most important things that will be included are aliens! From the start of March to the end of October, The Daily ALIEN will present 200 hand-drawn aliens. This is somewhere in the region of 1 alien per working day, which is where we get the title ‘The Daily ALIEN’. (There’s more detail about this on the About page).

Coming soon

Gallery

‘Gallery’ is Emma J Lomman’s major project for the Advanced Diploma of Screen and Media (the course she’s studying). It’s primarily going to be an image gallery, but it will also include extras such as web templates and CMS themes. In the next couple of weeks we will be posting the visual design here for comment. As a reader exclusive we will also occasionally publish ‘advance content’ throughout the development cycle. Another upcoming feature (hopefully) is the revelation of this project’s much cooler-sounding name that doesn’t exist yet.

Design theory

This is another school project where Emma is going to be looking at web design styles and trends. She’ll be writing a series of posts on this subject over the next few months.

Design portfolio of Emma J Lomman

Wander over to www.siasan.com and you’ll find that it’s rather bare. The reason for this is that the design portfolio is still in development. As with ‘Gallery’, we’ll post designs here.

200 Aliens

Yes, Emma really is going to scan all 200 of these cute little things and post them here. She’ll also tell everyone more about the project and possibly make up a tutorial on how to draw aliens.

Share