7
Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive 01 To tackle BBC Online’s D&AD brief collaboratively I worked with Eve Warren, particularly because I felt our strengths and weaknesses complement each other and overall this was a productive and efficicent brief and I’m positive that this brief is much stronger than it would be if we did this indiivdually. These boards will show my individual contribution towards the brief instead of the boards which were sent for submission. D&AD: Collaboration

BBC Brief_Abbas Mushtaq

Embed Size (px)

DESCRIPTION

Individual role in Collaborative Practice brief (BBC Online D&AD) for Responsive Module / Level 05 / Graphic Design / Leeds College of Art

Citation preview

Page 1: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

01

To tackle BBC Online’s D&AD brief collaboratively I worked with Eve Warren, particularly because I felt our strengths and weaknesses complement each other and overall this was a productive and efficicent brief and I’m positive that this brief is much stronger than it would be if we did this indiivdually.

These boards will show my individual contribution towards the brief instead of the boards which were sent for submission.

D&AD:Collaboration

Page 2: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

02

After discussion me and Eve outlined individual concepts and initial ideas we wanted to look into in regards to implementing.

We also both went away individually and analysed the BBC website separately to have separate viewpoints and opinions.

Initially I looked at problems of BBC Online and possible solutions to those problems.

These sheets were then discussed and finalised in an arranged meeting point.

BBC Problems?

UninvolvedUnimportant user profiles

Not a very social experienceNo consistency in layout/design

No substantial BBC appNo movement

Text heavy early impressionGradients and dated aesthetic

News doesn’t feel alive and happeningToo many click-throughs

BBC Solutions?

Live panelReal-time dynamic news updates

Grid & Print like sensibilitiesSimilar to an interactive newspaper

Tailored news for youImportance of you as a unique user

Users send in photos and be involvedImportance to apps

Consistent design/layoutPurely digital UI

Movement/Life in the form of video and gifs

Concept & Analysis

Page 3: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

03

With the concepts nailed in our minds we gave ourselves a weekend to again individually design our interpretation of the concepts together. For example a dynamic live feed, grid like aesthetic, movement, consistency etc.

We then met up and combined our ideas into one final layout which we felt was the best it could possibly be from us.

On this sheet are examples some of the rough sketches I then developed into digital interpretations to present to my partner.

RoughDevelopment

Page 4: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

04

After working out how my layout pitch was going to look I was ready to take this into the computer and create a much more feasible presentation.

The idea went down really well, but at the same time I really felt aspects of Eve’s design was strong, in the end the core of the final design was my interpretation but important aspects such as the navigation and tabs were from Eve’s design.

Digital Development

Page 5: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

05

On this sheet is the culmination of merging both of our designs to incorporate a final layout including tabs, navigational arrows and more of a hierarchy of type with pt size and weight from Eve’s interpretation with the core layout being my interpretation.

We storyboarded the submission and decided we only needed to create BBC Home, Sport, News and Weather.

I worked on Home and Sport, while Eve worked on News and Weather.

Design Collaboration

Page 6: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

06

We initially wanted to create a moving image proposal but taking into account we had never used After Effects before and the high standards we wanted to meet - we decided to create images/boards.

I’m quite adept at Photoshop so I took on the role of photoshopping and mocking up contextual imagery and paid particular attention to the first board - the impact board.

The impact board needs to capture the idea of BBC being alive, with varying levels of interactivity and movement.

The final board we went with (above)

Impact Board Variations

Page 7: BBC Brief_Abbas Mushtaq

Abbas Mushtaq x Eve Warren OUGD503_Responsive BBC Online: Be Alive

07

Eve artworked on the rest of the boards while I worked on the impact board and promotional imagery as the impact board took quite a long time.

I also helped with and wrote out the copy for the boards and shared layout and visual concepts. we thought it would be more efficient and less confusing to work mainly on one computer while I worked on the impact boards and promotion.

Billboard & Promotion