Enmore Theatre website redesign…COMPLETE!

I have now completed the design of Enmore Theatre’s website!

This week, I was faced with the task of recreating all of my buttons, as they malfunctioned previously. I was able to successfully re-do my buttons in a fast enough time that I also created pages for all navigation options presented in the menu bar.

I added content to the ‘History’ page, the ‘Hire the Enmore’ page and the ‘FAQs’ page. The designs created are displayed below:

Screen Shot 2017-06-02 at 12.05.00 pm

Screen Shot 2017-06-02 at 12.05.15 pm

Screen Shot 2017-06-02 at 12.05.29 pm

The addition of the extra three pages allowed my design to improve in usability and aesthetic. This addition mad my prototype operate more like an actual website rather than a set assignment.

From this project I take out many key learnings. One learning that greatly influenced my process was the importance of performing usability tests. My prototype was the subject of alteration after each usability test, in order to create the most efficient process.

To see my working prototype, see here:

file:///Volumes/EMMA/enmore%20prototype2.html

I have now submitted my finished report and working prototype and will await results!

I found this project very enjoyable and I endeavour to complete further projects like this in my future!

Until next tim, that’s this week Pinned.
Emma.

Enmore theatre vs Opera House 4.0

This week I created the prototype for Enmore theatre’s re-designed website. I have decided that my 3 user tasks for the re-designed website will be:

  • See upcoming events/ buy tickets
  • View galleries of previous events
  • Find information about getting to the theatre

For these tasks, I have created buttons that take you to the pages:

  • Home
  • Upcoming events
  • Gallery
  • Visit us

The visual design of the pages are as follows:

Screen Shot 2017-05-26 at 12.20.51 pm

Home page

Screen Shot 2017-05-26 at 12.21.19 pm

Upcoming events page

Screen Shot 2017-05-26 at 12.21.38 pm

Galleries

Screen Shot 2017-05-26 at 12.22.03 pm

Visit Us page

I did face some issues this week. When creating my buttons in order for users to successfully complete the tasks, I had difficulty linking buttons to specific pages. As a result, my prototype is not yet operative. I do however, expect to have repaired these problems within the first 30 minutes of next week’s class.

I have focused on ensuring that the user tasks will be easy to perform and the pages are concise and aesthetically pleasing.

As of next week, I will have completed my working prototype and have written my report outlining the process.

For final updates, stay posted!

Until next time, that’s this week Pinned.
Emma.

Enmore theatre VS Sydney Opera House 3.0

UPDATE!!

My progress in the lead up to creating a prototype is continuing. Thus far, I have completed site maps and a wire frame. The wireframes that I have created for my prototype are shown below!

Screen Shot 2017-05-19 at 10.49.29 am

Updated wireframe for Enmore theatre ‘Home’ page

Screen Shot 2017-06-01 at 12.03.24 pm

Updated wireframe for Enmore theatre ‘Upcoming Events’ page

Screen Shot 2017-06-01 at 12.02.53 pm

Updated wireframe for Enmore theatre ‘Gallery’ page

Screen Shot 2017-06-01 at 12.02.34 pm

Updated wireframe for Enmore theatre ‘Visit Us’ page

The updated prototype will feature a simpler, more modern design. This will not only improve aesthetic, but will also enhance overall usability. I have decided that this layout will create a less ‘busy’ aesthetic. I will use a colour scheme of white, black and reds in order to create a retro, street art-like theme, accurately representing the theatre’s history and environment in Newtown.

In the coming weeks, I will create a prototype for the homepage and three navigation pages. The prototype design will feature relevant information, an updated colour scheme and a concise navigation menu, enhancing general aesthetic and usability.

More updates coming shortly!

Until next time, that’s this week Pinned.
Emma.

Enmore Theatre VS. Sydney Opera house 2.0

This week for GAGD290: Website analysis and re-design, I created a site map for my re-designed Enmore theatre website. The new site map features an advanced navigation system.

The advanced navigation system allows for improved usability as well as general aesthetic.

Screen Shot 2017-05-12 at 1.45.45 pm

Enmore theatre original site map

VS.

Screen Shot 2017-05-12 at 2.21.21 pm

Updated site map for Enmore theatre after re-design

From the above site maps, I have formed ideas as to how the re-designed website for Enmore theatre should operate. The next step in my process is to create wireframes for each page of the website and there on, create a prototype of my re-design.

More updates coming shortly!

Until next time, that’s this week Pinned.
Emma.

Enmore theatre vs Sydney Opera House: Same-same but different

For my focus study in GAGD290: Website analysis and re-design, I am analysing the website of Enmore theatre.

Current homepage’s:

Screen Shot 2017-05-12 at 9.34.46 am

Homepage: Enmore Theatre (http://www.enmoretheatre.com.au)

Screen Shot 2017-05-12 at 9.35.46 am

Homepage: Sydney Opera House (https://www.sydneyoperahouse.com)

Enmore theatre that has been operating since 1908. The theatre is highly unique due to its history and art-deco styling. The Enmore theatre is a venue that hosts many forms of live entertainment including stage shows, bands/music performances, comedy shows, etc.

A venue in the same genre to Enmore theatre is the Sydney Opera House. The website for the Sydney Opera house targets a relatively similar target audience and information, however presents this information with a vastly different interface design.

The website for the Sydney Opera House presents many functional elements that improve overall user experience. The home page of the Sydney Opera House website features a video display of performances within the theatre and Sydney harbour. The website also features navigation tabs of ‘What’s On’, ‘Visit Us’, ‘Our story’, ‘Give’, ‘Backstage’, ‘Schools’. The home page also features a large search bar across the top of the screen for ease of navigation. The Sydney Opera house website also only travels for two folds of a page, which creates ease of access for the user.

In order to enhance the brand identity of the Enmore theatre’s website, I will add photography of the theatre to the site’s background in order to update and enhance the aesthetic of the website. I will also add features such as a search bar and tabs such as ‘backstage’ and ‘our story’ in order to further invest users in the experience.

To see the websites that I will be researching, see:

More updates coming shortly!

That’s this week Pinned.
Emma.