Creative Thinking Space

Megan Stephens workbook for Digital Interactive Media

  • Rationale

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    I'm glad I finally got through my first time designing a website and carrying it through (kind of) to the end product. My website was for Vinyl Collectors around the world. 

    I identified this audience as a smaller community globally, but it's quite a big local community for me to tackle, so I gave a basic idea as to how it might work. I had a lot of trouble with the coding etc from the start as I was a week behind, missing 3 classes, and then having to miss another 2 because of the Typography focus week that was being held for my paper. Annoying. However, I pushed through and kicked my A into G. 

    My grid was simple enough in terms of a mainframe, and the menu bar was always to be at the left hand side of the page, no matter what section the user was in. I wanted it to be graphic but easy to use. Instead of having a home button, I chose to use The Collective logo to route the user back to the home page, where all the albums were showcased. 

    I wanted the homepage to be visually captivating as well as informing about the artist, and didn't want the user to have to leave the home page to view the information, therefore used an overlay javascript to achieve this, and just inserted the image I wanted to show. If I had had more time, I would have made the scrolling, and the 'Buy Now' button work, but you get the picture.

    I like the way the site moves from page to page, but if I was to do anything differently I would go through the site with a fine-tooth comb and weed through all the text, although it's clear. 

    The site is community based simply by being able to swap and share the records in a web to physical form, and being able to post on the forums, and view user profiles, connect on social networking sites and share thinking about LP's and music in general. 

    I recieved some good feedback at the class, which if I choose to, should enable me to build the site more, as there is a definite audience out there who would use a site like this.

     

    NB: If you look at the last post I did, it shows how the overlays work with each page. Thanks. 

    • Tweet
  • Final with overlays that were designed, but not put in working model

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    (download)
    Click here to download:
    final-with-overlays-that-were-designed-but-not-put-in-working-model-srydnuxomDvutvAopalj.zip (1.96 MB)

    • Tweet
  • And the final of my website design

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    (download)
    Click here to download:
    and-the-final-of-my-website-design-CEtycblhHJGeghDfcwaC.zip (2.37 MB)
    Happy with the layout

    • Tweet
  • A few of the overlays I planned to use

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    These were for the About, Swap and Profile overlays

    (download)
    Click here to download:
    a-few-of-the-overlays-i-planned-to-use-wzAonInotxdBwcFgdfBd.zip (418 KB)

    • Tweet
  • Design

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    What I was working with while working on the html, including one overlay.

    (download)
    Click here to download:
    design-cIFvDdJAhmencapliCGa.zip (2.3 MB)

    I was a bit scared to start this but as one of the previous posts show, the screenshot of the initial workup with the html etc shows that the grid is 1/3 to 2/3 in ratio; which can then be changed to 1/3 equally across. 

    • Tweet
  • Page Transitions

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    http://tumblr.com uses a cool transition from login to sign up, that I really like. I doubt I would have been able to do it but it was on my mind to use if I took the site further and had more time. 

    • Tweet
  • It's been a while

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    Since I posted anything, even though I have constantly been doing work. I forget to screenshot everything as I go, and I was so intensely into getting this website layout finished that I forgot to post. My Bad. 

    • Tweet
  • A few Screenshots of my work in progress before I start showing the final design

    • 21 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    They're a bit meaningless but this was the start of my website, I found it quite difficult to put together and struggled to get my head around it at first, but I want to keep at it and improve my skills.

    (download)
    Click here to download:
    a-few-screenshots-of-my-work-in-progress-before-i-start-showing-the-final-design-xADjqiDDEldeucGcJuib.zip (994 KB)

    • Tweet
  • Index Page

    • 6 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    Still a draft, minor tweaks to happen, but pretty happy with how this is looking

    (download)
    Click here to download:
    index-page-GzyJEoBBEytwHpqbpnIH.zip (2.67 MB)

    • Tweet
  • Creative direction

    • 5 Aug 2012
    • 0 Responses
    •  views
    • Edit
    • Delete
    • Tags
    • Autopost

    At interim today it seemed my site was looking to be on track, need to do more pages obviously but I'm getting there :) Good to know.

    On the other hand, have been working on more design stuff for my pages, namely the title of my site 'The Collective' and these are a few of the options, with some colour to consider.

    (download)
    Click here to download:
    creative-direction-BktHCnJoxJawCwsdtxdt.zip (298 KB)

    • Tweet
  • « Previous 1 2 3 Next »
  • About


    128 Views
  • Archive

    • 2012 (1)
      • December (1)

    Get Updates

    Subscribe via RSS