Since my last update I have created the Prompt page.

The purpose of this page was to provide a single prompt to the user before being taken to the planet design page. The prompt is supposed to inspire the user, so their planet reflects the messages that we’d like to see up on the site. We created a list of these prompts in photoshop, and transitioned them together in Premiere Pro. This is the first time the website has an embedded video integrated into it.

I have also created the planet design page.

Michael designed the prototype paint palette on the left. At the moment it is just an image, but in the final site the user will be able to design what they want which will then be displayed on a live view output on the right hand side. One of the hardest aspects of designing this page was the formatting of the tag section whenever the screen dimensions are adjusted. After some trial and error, I have been able to get it to work ok, although i’m sure the whole site could be formatted better if I had the knowledge.

Finally, I have created the Final display page.

This is the page the user is taken to when they click ‘submit’ on the planet design page. The rotating planet is a video element this time rather than a gif, as I found it is better quality and generally loads faster. The link at the bottom of this page redirects the user back to the main page.

The only thing left to work on now is the animation page and getting the website up online.

– Alex

After our project presentation myself and Alex worked on the creation of the R&D Project File.

In order to make sure we was going to meet the R&D file deadline (13th March), we spent some time deciding upon who would be working on what aspects of the file, along with also deciding what areas we would work on together.

A content guidelines document was made available to us, in order to detail what was needed within the R&D file.

The file needed to consist of the following (R&D File Guidelines):

– Cover Page

– Contents Page

Section Headings:

– Project Proposal

– Planning

– Audience

– Budget

– Development

During the creation of the R&D file the first area that was focused on was the written content.

After the content had been produced by both of us, it was pulled together and worked through again, this time as a group (both myself and Alex).

Whilst Alex produced some more of the written content along with also working through the previous written content, I set to work with the stylisation of the file in prep for the final PDF document.

Using InDesign, the written content was copied and stylised in order to produce a document that matched the visualisation of the Planets of Change project.

Final R&D PDF File:

Michael Burton MED2024M

– Michael

To develop the project further I felt that the creation / mock up of a social media page (in this case, a Facebook page) would help boost the professionalism of the projects overall presentation.

The first step taken into this process was to look at the social media page of our main inspiration ‘Moon’.

This was done to see what type of information was present, along with what type of visualisation (e.g. logo, pictures, graphics).

Moon Social Media Page:

Planets of Change Social Media Page:

After researching into the social media present for ‘Moon’, I started work on the Planets Of Change Facebook page.

I downloaded a Facebook PSD Mock up file, which allowed you to easily change aspects of a previously default Facebook page.

After all the basic information had been changed (the texted based information), I then set to work on the creation of the cover page and logo.

On completion, the logo image and cover page was worked into the design.

Overall myself and Alex were pleased with how the Facebook page mockup was looking, as we felt it strongly reflected / related to the overall stylisation of the project (e.g. website).

After some slight changes had been made to the Facebook mock up, I then pushed to design further for the mocking up of the social media page.

The reason this was done was to get a clearer understanding as to what the Facebook page will look like.

To do this a website mockup file was downloaded and the final Facebook page was worked into the mockup.

After the completion of this mockup we were both extremely happy with the overall look of the social media page.

– Michael

I am now roughly mid-way through the development of the site, and now have a clearer understanding of what is achievable in the time frame we have been set.

One  of my previous aims was to have the whole site as one page and seamlessly transition into each view. I realised that this isn’t possible with my understanding of HTML and CSS. It would take too long for each transition to load, given that we need quite a lot of high res images and gifs on each page.

Since the last update, I have added more planets and a moon around the main page

I have also created a planet info page, and a comment page.

These pages include a 3D gif generated in Photoshop using its timeline function.

I next aim to create a prompt page, the planet design page, a page showing the final view of the created planet, and to work on the animation.

• Alex

Prezi Link:

https://prezi.com/mr1nwz0kawib/planets-of-change/

This Prezi was created with the intention of detailing the changes that had been made to the planets of Change project since the first realisation back in December.

Myself and Alex both presented, detailing different areas of the projects process, along with what areas still needed to be worked on.

After the presentation, it was said that the overall ethos of our project was extremely strong, and had moved away from the original idea through a lot of consideration / development.

It was also detailed that some kind of comment feature (e.g. leaving a moon on a contributed planet) would be another area that could be explored to strengthen the projects ethos even more.

After this was mentioned, it became apparent to myself and Alex that we had completely  left that out of the presentation.

We explained that the ‘moon comment’ feature was already an idea that we had explored and worked into the development of the project.

Apart from that 1 small hiccup, it was detailed that the future development of the project was to complete the website and produce a short animation / video to detail what the project is about.

– Michael