• Home
  • Subscribe RSS
  • Comments RSS
Blue Orange Green Pink Purple

#

New Jack Website Project

Since starting the design process on Saturday night I have since coded the main part of the website and created the 3 Flash elements. This leaves only the blog/journal (with php and mysql) page to do, as I am pretty much clueless on how to go about that at the moment so I thought it would be a good idea to leave myself a lot of time for it.

The unfinished website can be viewed at http://stephengreig.co.uk/newjack/




The 3 flash elements are:
  1. Music player/sound bar animation in the header on the home page which plays automatically when the user enters the site. The sound bar animation stops when the music is stopped and restarts if the user restarts the music.
  2. The banner animation on the home page featuring 3 promotional banners linking to relevant music websites in the scene.
  3. A user controlled music player featuring ten tracks that can be played/paused/stopped/muted as well as featuring volume controls and a seek bar.
Read More 0 comments | Posted by Ste edit post

Website Project for 'Artist'

I've been working hard the last few days on our new project. My client is a musician, a friend of mine from near Mansfield.

I started doing a few rough sketches last Saturday before transferring my ideas to Photoshop in order to create a suitable design. The first design I did is shown below.



I liked the general look of this design but there was something about it that I thought didn't make it entirely suitable. I thought I could definitely come up with a better, more exciting design. So I started from scratch and produced the design below...



I was very happy with this design and thought it made my initial design look rather bland and uninteresting in comparison. I think it creates the appropriate feel for the theme of the website and all of the colours complement each other well.
Read More 0 comments | Posted by Ste edit post

Website Review: Mutt Ink

Mutt Ink immediately portrays a specific feel to the user, with its spacious design and use of subtle, light and neutral colours. The designer, Jeremy Holmes also makes very good use of textures and his own doodles/illustrations which very much define the designers style. The background also features subtle ink splodges which ties in well with the brand name, showing good brand identity from the designer. However, the background used is a very large image which makes for a rigid layout with no room for flexibility. In addition to this, the type used, although it is attractive, may be too small for many users and those who wish to increase the size of the text will be limited by the rigidness of the background. The text may also be seen to lack contrast against the background which could it make it very difficuly for visually impaired users who find it hard to distinguish similar colours.



The above screenshot shows how the opening page appears. The design is very subtle and un-obtrusive, allowing the important content to jump out and grab the user's attention. The navigation options are clear and consistent in terms of placement increasing ease of use. There are also clear buttons provided which provide easy access to Mutt Ink's social network pages.



Jeremy Holmes' portfolio, featured above, shows that the website's design very much compliments his style of work, capturing a similar feel and displaying great brand identity.



The above screenshot shows how the placement of the page elements and the formatting of the text ensures a clear presentation of the content to the user. The layout and content presentation used is kept consistent throughout all pages.

The design fits many of the web 2.0 design standards, such as a spacious design, the subtle textures and the content is communicated as a priority. However it also lacks many key points of web 2.0 design, as the layout is completely rigid and provides no flexibility to those who may wish to increase the font size.
Read More 0 comments | Posted by Ste edit post

The Maze Website Project: Final Design

The Finished site can be viewed at: http://stephengreig.co.uk/themaze/

Enter Page


Home Page


Shows Page


About Page


Drinks Page


Contact Page

Read More 0 comments | Posted by Ste edit post

New Designs for The Maze

After showing my original finished website for The Maze to Shaun, he pointed out it's flaws and downfalls. He thought the design was too dark and perhaps didn't portray the appropriate feel of the venue to the user. I certainly agree with this on reflection, although I do feel that the darkness is emphasised on the large monitors at uni due to the extra background space.

Anyway, Shaun asked for 2 new designs to be done in the next week which I have now completed.







The first design I feel is aesthetically pleasing, bold and grabs the users attention. However I think it lacks in suitability for purpose as it doesn't portray the appropriate feel of the venue to the user.

I much prefer the second design, as it is pleasing to the eye, it's funky and most importantly it captures the feel of the music associated with The Maze venue. I have fully coded this design to valid XHTML 1.0 Strict and will post the screens/web address in my next blog.
Read More 0 comments | Posted by Ste edit post
Newer Posts Older Posts Home

Ste Blog

  • About
      My name's Ste, a Multimedia student at Nottingham Trent University with a keen interest in design, mainly web and print based.

      Portfolio: www.stephengreig.co.uk
  • Followers

    Blog Archive

    • ► 2011 (18)
      • ► May (3)
      • ► April (2)
      • ► March (1)
      • ► February (8)
      • ► January (4)
    • ▼ 2010 (22)
      • ► December (2)
      • ► November (5)
      • ► October (2)
      • ► April (1)
      • ► March (4)
      • ▼ February (5)
        • New Jack Website Project
        • Website Project for 'Artist'
        • Website Review: Mutt Ink
        • The Maze Website Project: Final Design
        • New Designs for The Maze
      • ► January (3)
    • ► 2009 (35)
      • ► December (3)
      • ► November (6)
      • ► October (5)
      • ► May (1)
      • ► April (4)
      • ► March (2)
      • ► February (10)
      • ► January (4)
    • ► 2008 (16)
      • ► December (3)
      • ► November (9)
      • ► October (4)

    Labels

    • 3d (1)
    • 3ds max (4)
    • actionscript (1)
    • adobe flash (4)
    • adobe photoshop (7)
    • alignment (1)
    • Artefacts (15)
    • audiovisual (2)
    • avatar (2)
    • avatars (2)
    • blog template (1)
    • box showcase (2)
    • brainstorm (1)
    • cancer research (1)
    • character design (1)
    • charity (1)
    • Client Project (4)
    • client work (1)
    • compatibility (1)
    • contrast (1)
    • CRAP design (1)
    • creative zen (1)
    • creativity (1)
    • css (8)
    • dan saffer (1)
    • databases (2)
    • design (4)
    • design snack (1)
    • development (1)
    • deviant art (1)
    • digital piracy (2)
    • esearch (1)
    • film (1)
    • football manager (1)
    • game (2)
    • graphic design (1)
    • graphic design website design portfolio (1)
    • greetings card design (1)
    • hereford united (4)
    • hosting (1)
    • ideas (1)
    • identities (17)
    • image (1)
    • interaction design (1)
    • interactive narrative (2)
    • interactive room (5)
    • interactive showcase (5)
    • ipod (1)
    • javascript (6)
    • joel schafer (1)
    • jquery (1)
    • junior bulls (1)
    • layout (1)
    • live4life (1)
    • logo (3)
    • logo design (2)
    • logo moose (1)
    • media publishing (2)
    • mind map (1)
    • modelling (1)
    • moodboard (1)
    • multimedia practitioner (1)
    • music (2)
    • mutt ink (1)
    • my identity (2)
    • mysql (4)
    • newjack (5)
    • news (5)
    • one shot film (1)
    • Online News Business Models (3)
    • personal website (4)
    • photography (1)
    • php (4)
    • pixilation (2)
    • planing (1)
    • portfolio (2)
    • portfolio and design service (1)
    • poster design (1)
    • print design (1)
    • proximity (1)
    • PRP (20)
    • questionnaire (2)
    • radfords (6)
    • repetition (1)
    • research (4)
    • rule of thirds (1)
    • second life (1)
    • shape (1)
    • Simulated client project (2)
    • spp (3)
    • testing (1)
    • the maze (5)
    • the meeting (1)
    • typography (2)
    • web design (11)
    • website design (5)
    • website project (15)
    • website review (1)
    • world cup (1)
    • xhtml (10)
  • Search






    • Home
    • Posts RSS
    • Comments RSS
    • Edit

    © Copyright The Ste Blog. All rights reserved.
    Blog Skins Designed by FTL Wordpress Themes

    Back to Top