One of the last projects I did for year two semester 2 was to design an annual report for BMW. The project was to re-design a section of the annual report by using copy text and data from a previous report of BMW. I had to come up with a visual hook to make my design visually interesting. My concept of my annual report design is based on trying to continue their ‘JOY’ campaign by making my report look fun and visually appealing through typographic quotes, infographic data created with car parts and still in tact with brand colours.

Like my previous visual walk through blog posts, I will share my A3 sheets of research and development for this project.I will also try to explain what each page is about and what I was trying to achieve. Hope you enjoy looking through my work and click here to see my final outcome on my portfolio website.

Stage 1: Research:

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I first started my project by looking at what an annual report is and does.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I then looked into creative annual report designs that stood out to me.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

More creative annual report designs.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I then looked into editorial design, choosing pieces that I thought were good designs.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

More editorial design inspiration.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I then looked into infographics as I had to produce some into my annual report.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

More examples of infographic.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

A short task to make our own infographic about chocolate bars – this was my attempt at making one with the chocolate data given.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I then started to look into the company of BMW to provide more information into their company and style.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I looked at a campaign by BMW which showed the joy of owning one of their cars.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I found that BMW have a sense of humor as each year they make up April Fool jokes. I liked this about them and made me want to try show their fun side into my report more.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

I wanted to show what the main aspects I wanted to show in my annual report such as typographic quotes, high quality visuals and also for my report to be spiral bound.

Stage 2: Development

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Inforgraphic ideas including the use of colour and car parts in showing facts and figures.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

A visual hook idea of using a range of bright colours to emphasise fun into the BMW company report.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Showing different page sizes that I could design my annual report onto. I decided to use a page size of 210mm x 250m.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Development of a typographic quote page showing my grid system and how I typeset my type to look professional.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Another page design showing the justification settings to typeset the copy text in the report.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Page layout development of my contents page design. Incorporating my ‘fun bright colour’ visual hook idea and then later redefined with visual imagery and rotated headers.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

A development page showing the process of how I managed copy text from the chairman’s statement through different arrangements.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

A development page of my first infographic design of u sing wheels to show data. I started with my bright visual hook and then later re-defined it to look much clean and let the rotated header show the informal side to BMW.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Another development of a page that uses a table to show key facts and figures. Through minor changes to the table cell designs the page looks more attractive to the eye.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

A page showing development of a PhotoShop job creating and combining an image out of several images. The shows another fun side to BMW by them joking about making tyre doughnut marks in your new BMW car.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

Another PhotoShop job where the message behind this is that your children will want play with your impressive BMW car with how they know best, paint!

.

BMW 2013 Annual Report - Research & Development Pages - Student Project by Adam Nelson

The last PhotoShop image which pokes fun at bringing a towel to the beach where you’ll love your BMW that much, you won’t need a towel to sunbathe. These images are used as content breaks within my report to ensure the report is digestible to potential shareholders.

This brings me to the end of showing my research and development for my BMW annual report project. To see my final design click here to go to my portfolio website! Thanks for readings!

For a short project I was asked to create an A3 sized lyric poster with certain constraints such as using only 1 colour (including its tonal range and black and white), two typefaces and no pictorial elements meaning it had to be a typographic poster. The lyric poster had to be a favourite song, so one of mine is N-Trance’s Set You Free – which always gets me raving like a loony when it comes on in a club!

N-Trance-Set-You-Free-Lyric-Poster-Development-1

First set of development designs.

N-Trance-Set-You-Free-Lyric-Poster-Development-2

Second set of development designs experimenting with colour arrangments.

With further advice from my tutors, it was agreed that I needed to make a few adjustments such as making the type bolder and bigger by a few points and that the red design shows the meaning of the song more. I also added a few adjustments that I thought could improve my design such as experimenting with the emphasised areas of type and making the poster more realistic by including appropriate sale elements.

N-Trance Set You Free Lyric Poster by Adam Nelson

Final lyric poster for N-Trance’s Set You Free with suitable elements for sale.

Hope you like it and thanks for reading!

I was given a university project to create an A4 sized booklet that I could refer back to when designing future editorial work. I had to research typography basics to refresh my knowledge and show my understanding. Some of these included; caps, lowercase, x-height, points, picas, type styles, readability, legibility, justification and optical alignment to name a few!

The next stage of this project was to show development for each design document we had to produce. The brief listed what had to be on each page document which was easy to follow. Like some of my past posts I will show my research and development and caption what each image is about. Hope you enjoy this post!

Stage 1: Typography Research

A4 Perfect Project: Typography Research Sheets

Typography research sheets which explain what each typographical element is and a visual example.

A4 Perfect Project: Typography Research Sheets

Typography research sheets which explain what each typographical element is and a visual example.

A4 Perfect Project: Typography Research Sheets

Typography research sheets which explain what each typographical element is and a visual example.

Stage 2: Document Design Development

A4 Perfect Project: Development Sheets

Exploring different grid systems to use for my page design pieces. I chose to use a modular grid system of 6 columns by 8 rows to allow more freedom within my design.

A4 Perfect Project: Development Sheets

Exploring possible positions to place a header at it’s most legible form.

A4 Perfect Project: Development Sheets

Exploring possible positions to make the header visually interesting.

A4 Perfect Project: Development Sheets

Exploring possible positions where the headers legibility is destroyed in an area of the grid system.

A4 Perfect Project: Development Sheets

Exploring different compositions of making a balance between two headers at different point sizes.

A4 Perfect Project: Development Sheets

This development was to create a literal meaning of my header across a double page spread.

A4 Perfect Project: Development Sheets

Exploring different positions of a double page spread that uses my creative literal meaning header and copy text. I left justified my copy text and typeset it to get rid of rivers and unnecessary spacing.

A4 Perfect Project: Development Sheets

Final developments of the end result, a double page spread that uses a header, copy text and relating images within my chosen grid system.

To see the final outcome of my editorial and typographical booklet visit my portfolio by clicking here! Thanks for readings!

We where asked to create a portfolio website for ourselves to show our work to potential employers and people with the same enthusiasm towards graphic design. I decided straight away that my website would need it’s own domain and not use a sub-domain you get from free website building sites such as Wix and Moonfruit.

I’ve always been interested in web design as well as graphic design from a young age and have created a few websites in the past. I decided that I would install WordPress onto my domain sever so I could use their content management system and customise the look of my website by using free WordPress themes. I am currently using a free theme which shows my sites like a portfolio. I do plan to customise the layout more to make it more of my own, but for now this is ok.

Adam-Nelson-Design-Portfolio-WebsiteI’ve added a logo that I’m currently using for my identity with a grey background that isn’t in your face as I think it’s best to not distract the viewer from looking at your work. I have also categorised my work into student work and work so people eventually see what I did at university and then see what I’ve done during/after. Finally, I added a plug-in which shows social media link so the viewer can share my work across different social networks if they wish.

To visit my website its: www.AdamNelsonDesign.co.uk – Hope you have a look!

Tonight I finished editing the video of my finished museum app. It took longer than I thought to edit but it was worth it. First of all, here are the rest of my screen developments for the end of my app.

Hull Streetlife Museum Interface Development

Screen 5: At the front counter

Hull Streetlife Museum Interface Development

Screen 6: Sweet bag review

Hull Streetlife Museum Interface Development

Screen 7: More detail view into the Milt Tray product. A screen similar to this will be made for each sweet product.

With them shown it’s now time to reveal my video which shows how my app will look if a user was to use the app in the museum. I also added a song to the video that isn’t what you’d expect but i love it and it ‘almost’ goes with the theme of sweets. Hope you enjoy it!

I’ve have finished making all of my app screens for the G. Stevens Sweet Shop exhibit at Hull Streetlife museum and decided to show how my app works best was to make a video/animation of it. This interactive museum app is a short sample of what the final user experience will look like once all my screen frames have been edited and put together.

Enjoy and look out for the finished video really soon :)

Follow

Get every new post delivered to your Inbox.

Join 321 other followers