'Transmedia 2018' Project

University of Winchester Y2S1 and Y2S2 Project

Brief


"To organise an 'End of Year Show' which involves all cohorts that interests industries and attracts potential employers."

Overview


As part of both of my semesters of my second year, I was required to collaborate with others in my year group to successfully organise an 'End of Year Show'. Different teams were created to assign different roles to. This was a project which lasted over the duration of two semesters.

For this project, my role was to create the website for 'Transmedia 2018' with other team members. However, I also contributed to other aspects as will be evident on this page.

All of the processes for this project will be viewable on this page.

For a more detailed process, I have included documents situated under the relevant semesters.

Y2S1 PROCESSES

Branding Contributions


Overview

After we as a year group had decided on the theme of simplicity for the brand of 'Transmedia 2018', I then undertook some visual research to assist myself in my branding contributions. After this, I then produced a colour palette based on research undertaken on colours. The blue represented high-tech, the orange reflected creativity, the black portrayed power and the white related to simplicity. I created a mindmap to help myself understand simplicity and once this was finished, initial logo ideas as well as my final designs were produced.

Undertaking Research Regarding the Theme of Simplicity

Simplicity Design Approach Research

Simplicity Design Approach Research

Simplicity Design Approach Research Continued

Simplicity Design Approach Research Continued

Simplicity Design Approach Research Continued

Simplicity Design Approach Research Continued

Professional Colour Palettes Research

Professional Colour Palettes Research

Simplistic Colour Palettes Research

Simplistic Colour Palettes Research

Simplistic Logo Characters Research

Simplistic Logo Characters Research

Another Piece of Simplicity Design Approach Research

Another Piece of Simplicity Design Approach Research

The Created Colour Palette

The Colour Palette as a Result of Research

The Colour Palette as a Result of Research

Creating a Mindmap to Help Understanding of Simplicity

The Created Mindmap

The Created Mindmap

Creating Logo Ideas

Initial Ideas

Logo Character Ideas

Logo Character Ideas

Logo Ideas and Trialling Colours

Logo Ideas and Trialling Colours

Final Ideas

Text-based Logo Ideas

Text-based Logo Ideas

Text-based Logo Ideas Continued

Text-based Logo Ideas Continued

Text-based Logo Ideas Continued

Text-based Logo Ideas Continued

King Alfred/University Related Logo Ideas

King Alfred/University Related Logo Ideas

King Alfred/University Related Logo Ideas Continued

King Alfred/University Related Logo Ideas Continued

Wireframes for the Website


Desktop Wireframes

Overview

With regards to my work for the actual website, I first of all undertook critical analysis on the previous website to analyse what was and wasn't effective and how we could have improved with our website for the current year. This can be viewed in my portfolio document located at the bottom of this semester section. After the critical anlaysis, several wireframes for the desktop version of the website were produced, all of which are evident below.

The Actual Desktop Wireframes

Home Page Desktop Wireframe Idea 1

Home Page Desktop Wireframe Idea 1

Home Page Desktop Wireframe Idea 2

Home Page Desktop Wireframe Idea 2

Home Page Desktop Wireframe Idea 3

Home Page Desktop Wireframe Idea 3

About Page Desktop Wireframe Idea 1

About Page Desktop Wireframe Idea 1

About Page Desktop Wireframe Idea 2

About Page Desktop Wireframe Idea 2

Contact Page Desktop Wireframe Idea

Contact Page Desktop Wireframe Idea

Navigation Concept Wireframe Idea

Navigation Concept Wireframe Idea

Mobile Wireframes

Overview

I also produced some wireframes for the appearance of the website on mobile devices, based on chosen designs by the group.

The Actual Mobile Wireframes

Home Page Mobile Wireframe Ideas

Home Page Mobile Wireframe Ideas

All the Other Pages Mobile Wireframe Ideas Set 1

All the Other Pages Mobile Wireframe Ideas Set 1

All the Other Pages Mobile Wireframe Ideas Set 2

All the Other Pages Mobile Wireframe Ideas Set 2

About Page Mobile Wireframe Idea 3

About Page Mobile Wireframe Idea 3

Colour Combinations for the Website


Overview

To help myself and the group visualise which colours could have been the most successful for the website, I trialled different colour combinations on a prototype of a web page I had created. These were based on the colour palette provided at that current stage in the project. To view the code for this, click on the link provided below.

View the Code

The Colour Combinations

Colour Combination Set 1

Before Hovering over the 'About Us' Link

Before Hovering over the 'About Us' Link

After Hovering over the 'About Us' Link

After Hovering over the 'About Us' Link

Colour Combination Set 2

Before Hovering over the 'About Us' Link

Before Hovering over the 'About Us' Link

After Hovering over the 'About Us' Link

After Hovering over the 'About Us' Link

Colour Combination Set 3

Before Hovering over the 'About Us' Link

Before Hovering over the 'About Us' Link

After Hovering over the 'About Us' Link

After Hovering over the 'About Us' Link

Content Pages for the 'Transmedia 2018' Website


Overview

I was assigned the task of creating the content pages for the website, adding code into files which were created by other members of the website team. As can be seen below, I produced a structure for the about, contact, game and yearbook pages. This was then combined with the work of the others to produce a prototype. The code for this can be viewed via the link below.

View the Code

The Content Pages

The About Page

The Outcome of the About Page

The Outcome of the About Page

The Contact Page

The Outcome of the Contact Page

The Outcome of the Contact Page

The Game Page

The Outcome of the Game Page

The Outcome of the Game Page

The Yearbook Page

The Outcome of the Yearbook Page

The Outcome of the Yearbook Page

The Result of the Semester


Overview

As a result of my contributions above, the other team members created an initial version of the website. However, unfortunately, I have not been able to include a link to the outcome at this stage. Despite this, snippets of the final website will be viewable in the 'Y2S2 PROCESSES' section on this page.

A more detailed process of this stage can be viewed through the document supplied below.

A More Detailed Process (Document)

Y2S2 PROCESSES

Proof Reading of the Website


Overview

Throughout this semester I didn't have many tasks with regards to the ongoing 'Transmedia' project. Although not previously stated, I was meant to be assisting with the website over the Christmas period but I soon realised that this had been completed when asking for what to contribute towards this. Therefore, the first task I undertook was to proof read the website, highlighting any spelling and grammar which needed to be corrected. This can be viewed below.

The snippets of the website can also be viewed below.

Proof Reading the Website

Proof Reading the Home Page of the Website

Proof Reading the Home Page of the Website

Proof Reading the About Page of the Website

Proof Reading the About Page of the Website

Proof Reading the What's On Page of the Website

Proof Reading the What's On Page of the Website

Proof Reading the What's On Page of the Website Continued

Proof Reading the What's On Page of the Website Continued

Proof Reading the What's On Page of the Website Continued

Proof Reading the What's On Page of the Website Continued

Proof Reading the What's On Page of the Website Continued

Proof Reading the What's On Page of the Website Continued

Providing Feedback where Possible


Overview

As well as proof reading the website, I also gave some advice to help. The first piece of advice related to an issue on one of the website pages with the images relating to the Masters students. The second piece related to the yearbook where I suggested adding in some more information about myself as I thought this would have been beneficial to have.

The Provided Feedback

The Website Issue Advice

The Website Issue Advice

The Yearbook Advice

The Yearbook Advice

The Result of the Semester


Overview

Unfortunately, the website has not been able to be provided due to the link expiring. However, snippets of the final website could be viewed above through my proof reading exercise.

The Final Outcome

Despite not being able to display a final outcome below for the 'Transmedia 2018' website, all of my contributions and tasks have still been able to be provided above.

This project helped to build my team building skills as well as helping to understand how to collaborate in a big group as a whole for the duration of a project.