Yuletide Project

The next brief I was given was a brief to design a concept website for a company that collated information on various shops and events for the Christmas period to create a one point place for consumers to look for Christmas products. We had to come up with a brand name, a logo, a home page and mockups of how the website would work.

We started off by brainstorming things to do with Christmas, however we felt that a lot of the themes were overdone and becoming a bit cliche. Therefore we decided to use quite a minimalist design. We also thought of using themes of light writing and neon to give more of an urban and modern look. We wanted the site to emphasize the local aspects of the product, and ideally be based around the metropolitan area you were in.

cityscape

This was one of the first mockups I did. The idea was that the top part would represent a sky, and it would also be where the logo was. The lower part has a snowy texture and would be where all the content was.The city skyline represents iconic buildings in Bournemouth. However, I do not feel this design is very effective at all. The lights in the sky are very confusing visually and overall the look is unprofessional and messy. During the design process I had little feedback from my peers and I feel this shows in the design.

littleflake draft littleflake draft2

images by Oliver James

Here is another preliminary mockup done by Oliver. Again he had little feedback from the rest of the group. The name we chose for the brand was Littleflake. We chose this name because it emphasized the local aspects of the brand (little) and was christmasssy without being too overt about it (flake).

Here is the final logo and screens we used, I designed these with a lot more feedback from the group and it clearly shows.

littleflakelogo

I feel that is quite effective. It is clean, would work well in a print format and gets across the feeling of ‘winter.’

splashscreen

This is the final splashscreen we used to show our product. The pictures on the bottom of the page are different catagories (ie dining, events, hotels) and the pictures change periodically to give equal ad space to both local and big name brands. We decided to use a format that would work well on mobile devices too as we feel this would enhance the usability of the product and also hopefully encourage people to use it whilst allready shopping so they coul find out about ongoing events and sales.

Once in the actual site the visual aesthetic would remain very similar, with pictures dominating the screenspace and little text. We did not have time to produce mock ups of this as our group was beset by illness for most of the project.

This project has shown me the importance of feedback from both the client and also from collegues in a group setting, as design is several times harder without it. Idea generation is also much impaired as it is hard to fully understand what the produst is meant to be. Overall I feel that this is the weakest of the two weekĀ  projects I have participated in, although I will definately use the lessons I have learned from it in the future.

Advertisements

Fire Kills Project!

The next project we were given was a brief from a gonvernmental fire safety campaign. The aim of the brief was to put across a set of fire safety tips into a digital format to make them more appealing and memorable to the audience.

We brainstormed some ideas and the idea that stood out to us the most was the idea of a game that could be played with other people in your house, so you could work together to make the house safer.

firedash

Image by Luke Monet

FireDashLogo

Image by Suzanne Niccholls

We came up with a facebook and mobile app game called “Fire Dash” which could be played single player or with friends online. We were aiming this game towards teenagers and young adults, ideally people who are sharing a house with friends and would be happy spending an evening playing a game with them.

firedashmainmenu

Image by Luke Monet

Based loosely off the Sims, players would create their own character, which would ideallly be a representation of themselves.

characterSelect

They could then either choose to play challenge mode or a custom map. The custom map part of the game would let you build your own house and afterwards, control your character within it.

buildMode

However after a period of time, fires would start randomly in the house and you and you friends would have to escape. What escape routes are available would depend on the actions taken before the fire starts. For example, picking up keys would allow you to unlock doors.

customMode

In the challenge mode, the player would be given harder and harder houses to escape from in a period of time as a chance to get better at the game.

TimeTrial

We also came up with the idea of a fireman character giving advice to the players on fire safety, helping them learn more and also get better at the game.

Batteries Fireman

We felt that the game would be a good way to learn about fire safety as it is very interactive and lets the player see a simulation of what would happen in a real fire in their own home. We intended to use over the top, cartoonish deaths (think Looney Tunes) as a source of black humour in the game to make the subject matter far less dry and more entertaining, but also to get people to realise that this could be them in a real situation.

Overall I feel that this project went really well, however being a group of 3, I missed having a 4th perspective and input into the group. It was also more challenging to complete work given the short timeframe. However although the visuals are still a bit rough I am quite happy with the result.

Review of Bristol Zoo

After we produced all the needed images we put together a presentation and showed it to the rest of our seminar group.

Overall the presentation went very well. I was worried that the ideas of the app would be quite hard to explain to an audience but everybody seemed to understand it and we recieved a lot of good feedback.

I really enjoyed working on this project, my team were really supportive and we worked very well together. They were really thoughtful in terms of design and ideas and I feel that we all did our best on this project to give an excellent outcome.

All in all, a great starting project for my degree!

Designing and Making Mockups

Image

(image by Lawrence Holmes)

Next, we got to work finalizing our idea for the project, ready to give a presentation on it. We decided the app would be based around an explorer theme to referance the zoo’s 178 year heritage and provide a more exciting image for children . It would have 4 different areas.

Image

(Ted by Matthew Lean, map mockup by me)

The Adventure part of the app would be where the visitor is given a digital journal to fill in about the animals of the zoo by our mascot Ted the Toucan. The idea would be that Ted would ring you periodically and give you missions based on your current location to “help” the animals in the zoo. You would solve the missions by scanning installations near the enclosure with your phone.

To give an example; Ted rings the visitor, he says “The meerkat has lost his monocle squak! You need to find it for him, it should be in his burrow!”

The visitor would then be led to the meerkat enclosure. By it there would be a burrow-like installation where children (or adults!) could crawl in. Inside there would be a monocle sculpture that the visitor would scan using the app.

Image

(image by Matthew Lean, text by Emily Glazzard)

Doing this would update the Explorer’s Journal with information on the animal you just helped. For instance using the meerkat example above, the information would be something like “meerkats sleep in burrows at night to keep warm from the cold temperatures on the surface.” The idea is the information would be short, sweet and very easy for kids to digest.

At the end of the adventure mission, visitors would be led to the shop. Filling in the journal would allow them to pick up an Animal Card to take home with them. Using the Augumented Reality function in the app, the card would display a 3D animation of the animal doing lifelike actions, such as resting, playing, hunting etc.

Image

Lastly, we the app had a section called Zoopedia, which was designed with the more adult audience in mind, where people could go to find a wide variety of information on the animals, but also on the zoo itself and the history of it.

Image

Image

(images by Matthew Lean, text by Emily Glazzard)

Lawrence Holmes, Matthew Lean and I designed and put together several images as a visual aid for the presentation whilst Emily Glazzard researched and came up with the text.