CAGD202

CAGD202 – Week 12

Week 12 we developed the template for finishing the design and applying active and hover states to text and links.

During this week Sophie and Brad worked on restructuring aspects on each of the first and second level pages, as I worked on putting the final information architecture into a visual web colour coding each level and placing the navigation system to represent all the hover/active/normal links, as well as developing the style guide.

Information Architecture DSC

Navigation System DSC

Style Guide DSC

CAGD202 – Week 11

After consulting with Jodie we discovered we had the incorrect document size and therefore the next step was to resize to 1024 X 768 pixels so that it is suitable to be viewed across different computer screens. The other concepts we worked to develop during this week was aspects of active/normal/hover to work with the colours of the website and create a consistent flow.

Another major change was the removal of MoviE-TimE-mail becoming replaced by a simple email newsletter subscription. By doing this it has allow to integrate more space within the design as all content needed to be resized, also relocating the social media icons from the bottom footer into the header for easier recognition for the global links. The other feature that has been added into the design is the location of the cinema also available from the header where the link will take users to the google maps page. The other large change was the removal of the arrows about the coming soon and now showing movies on the homepage, which now only appear when the icon is hovered over, allowing users to manually select the movies they please.

CAGD202 – Week 10

In week 10s class we presented our individual redesigns enabling us to receive feedback and suggestions about the overall visual appeal, functionality and structure of what we believed would work.

We received feedback on our interim report and our group hadn’t gone as well as we hope. We lacked a few aspects and didn’t include cited information including in-text referencing or paraphrasing. It also enabled us to reflect and revise aspects that we had missed or hadn’t incorporated into our presentation and influences what to include in our final design. The two things that we hadn’t covered was the sites structural themes and qualities of navigation. During the presentation we had received quite positive feedback, but critical analysis and depth and breadth of research had been lacked due to time constraints.

When receiving feedback the main aspects we where told to focus on in regards of changing to suit the design included:

  • size bar containing first level links
  • hiding arrows only to appear in hover state to manually change states as viewer desires
  • if links have dropdown consider highlighting them to separate from main body of content
  • font size (consider making larger)
  • colour choice was good
  • location and social media move to top

After analysing and receiving feedback on each website design, the group decided to focus on Sophie’s main design but adapt more effective aspects of both Brad and I’s designs working to tweak small features to enhance the overall view and structure.

The design I had developed is shown below:

Level 1 Page:

DUMARESQ REDESIGN LAYER 1

Level 2 Page:

DUMARESQ REDESIGN LAYER 2

Level 3 Page:

DUMARESQ REDESIGN LAYER 3

CAGD202 – Week 9

This week we presented our initial ideas and handed the report in. Been cut in speaking time down to seven minutes when originally stated it was fourteen made it challenging for out group to get all the key messages across. I feel as though we had a sound understanding of all aspects we had undertaken research and analysis in. We all equally contributed and took on a good work load, enabling us to produce the assessment to a good standard.

We then went through our interim presentations for our website redesign. It involved each member redesigning a page they though would be suitable for the website and applying it to the first three levels (overall designing three pages). Jodie took us through the steps to develop this and that was by:

  • go to website
  • screenshot webpage
  • open screenshot in photoshop
  • and create new document with these dimensions, allow space for both the browser bar and bookmarks

By developing these three separate structures we hope to improve ineffective aspects on the site of Dumaresq Street Cinema including components of: typography, white space, layout and navigation. After presenting our interpretations and redesigns we hope to establish both ineffective and effective aspects from each individual design and strive to achieve an optimum designed webpage to suit the needs and purpose of its viewers. Our next goal is then to propose the website redesign.

CAGD202 – Week 8

Each member of the group contributed 600 word as part of the interim report by analysing different sections. During this week my focusing was on the information architecture and structure of the website.

I discovered the importance of information architecture as it focuses on the organisation, structuring and labelling of websites content in an effective and sustainable way. It communicates the way a navigation system is a collection of user interface components created to help users find information and for functionality purposes. It includes aspects of global navigation, local navigation, utility navigation, breadcrumbs, filters, facets, related links, and footers. By constructing a site map we are able to determine the different content pieces present within the Dumaresq Street Cinema website and the relationship they have with one another.

Below is the site map that we developed as part of our initial research.

Using this we were able to establish and identify the home page, first, second, third and fourth level pages.

I also looked into the organisation of content and the way it enables a user to easily navigate. By researching and investigating these aspects I was able to discover the way each page is displayed with a visible title but lacks a search bar, which may result in a user not being able to find the information they are looking for. The breadcrumb navigation isn’t obviously integrated but aspects of it are seen in the local navigation allowing to users to return to the homepage, this is also incorporated into the logo located in the upper left corner of the page effectively conveyed in the design. It has not incorporate jump-to-jump links, as content pages do not hold enough information for this to be required. When looking into the design of the site we can see that there is a lack of integration of online purchasing of tickets due to external links leading to a different website known as Venue Tickets, as well as gift voucher purchases leading to external PayPal rather then in being integrated into the site. Because of this there is not shopping cart present on any internal page, contradicting the firmly rooted interface conventions especially in terms of this being a global link within the site.

Through these week we all brought our ideas together, and made sure they were clear and concise. Brad and Sophie worked on their individual parts before we came together to create our powerpoint presentations.

CAGD202 – Week 7

After selecting to focus our redesign on Dumaresq Street Cinema’s website, the group work to individually propose potential design aspects that could be taken into consideration to improve the overall design and functionality of the website. We started by analysing the structure of the website, splitting section of the first level navigation up enabling us to work to create a map and explore the hierarchy present within the site. All three of us, documented this process by creating a rough draft of what we individually mapped enabling me to combine and finalise this information on the program Inspiration. Through this process we discovered that many links redirect to the same pages, and there are many external links present within the website. It also allowed us to interact with the links that were repeated and unnecessary.

  • Brad will be investigating the sites analytics
  • I will be investigating the information architecture of the site
  • And Sophie will be investigating the design

CAGD202 – Week 6 (Assessment 2: Website Analysis)

This week we were introduced to assessment tasks 3 and 4, website analysis project and the major project of rebranding and redesigning a website. We are required to provide a detailed analysis of the site’s design, functionality, structure and how well it makes use of the web medium. To start the assignment we looked into websites that may require a new design we looked into categories including: entertainment, food, clothing and lifestyle. We narrowed down our search to two websites which we consulted with our tutor. The two websites were:

After consulting with our tutor, she suggested that we look into analysing the website for Dumaresq Street Cinema as there is more improvement required for the structure, functionality and medium of the site, as the Lupicia Tea site had better functionality, navigation and typographic elements. The website of the Dumaresq Street Cinema has a better scope, would be suitable for rebranding, and has room for improvement in aspects of communicating information. For the next step in this assignment we aim to create a flow chart of the site at least three levels down to present the major structure, using critique and analysis to provide effectiveness and ineffectiveness of the site.