Here's an interesting project by NC Graphics student Pavils Vorobjuvos, for his digital project, combining web design, storytelling and art direction. The brief was to select a title from the Bloomsbury 33 & 1/3 book series about seminal or famous albums, and to design a one page website telling the story of the title.
Pavils chose 'Bitches Brew', the ground-breaking jazz-rock fusion by Miles Davis, released in March 1970.
Pavils' process involved researching the artist, era, music and context for the title, and then thumbnail sketching out the narrative order of the content. The visuals were then developed as a wireframe and visual mockup using Illustrator and Photoshop. Pavils also used InVision to assemble an assets board and set up a prototype scrolling page.
The concept cleverly captures the expansive experimental feel of the music and celebrates the awesome typography associated with the album's famous cover art, by painter Mati Klarwein.
The typography on the cover is set in Novel Gothic, a font designed by ATF in the 1920's, for which no faithful digitisation currently exists. Pavils did some tweaking on a freely available substitute and the final results look pretty authentic.
Our award-winning course is one of the most successful of its kind in the UK. Find out about studying with us, or get in touch at hello@welovedesignetc.info
Archived
Recommended
Mentors 20/21
- new mentors will be announced soon for 2020-2021
Tagged
design
(201)
education
(129)
awards
(123)
exhibitions
(82)
design education
(80)
agencies
(79)
typography
(68)
employer engagement
(56)
creative industries
(51)
mentoring
(49)
events
(40)
projects
(36)
concepts
(34)
presentations
(34)
mentors
(33)
branding
(29)
creative industry
(26)
publishing
(25)
ycn
(23)
digital
(22)
advertising
(19)
competitions
(19)
posters
(18)
print
(18)
magazines
(17)
graduate show
(15)
placements
(14)
web design
(14)
marketing
(13)
process
(13)
teams
(12)
modernism
(11)
packaging
(11)
industry
(10)
HND Design
(9)
illustration
(8)
Berlin
(7)
art direction
(7)
design process
(7)
editorial design
(7)
D&AD
(6)
HND Year 2
(6)
books
(6)
corporate id
(6)
design work
(6)
guerilla
(6)
layout
(6)
DMA
(5)
UI/UX
(5)
art
(5)
graphic design
(5)
ideas
(5)
review
(5)
Exhibition
(4)
HND
(4)
animation
(4)
briefs
(4)
collaboration
(4)
grids
(4)
installations
(4)
live brief
(4)
modern art
(4)
social media
(4)
technology
(4)
book design
(3)
dada
(3)
galleries
(3)
graduation
(3)
live projects
(3)
photography
(3)
sketchbooks
(3)
Pop Art
(2)
Scottish Govt. YOYP
(2)
adobe
(2)
bauhaus
(2)
coverart
(2)
css
(2)
design buddies
(2)
design thinking
(2)
direct mail
(2)
ethical design
(2)
graduates
(2)
html5
(2)
iPad
(2)
induction
(2)
infographics
(2)
letterpress
(2)
logotype
(2)
minimalism
(2)
movies
(2)
schools
(2)
surrealism
(2)
video
(2)
writing
(2)
Daydream Believers
(1)
Editorial
(1)
El Lissitzky
(1)
French Institute
(1)
Marketing Society
(1)
NC
(1)
Neville Brody
(1)
Paul Rand
(1)
Paula Scher
(1)
Riso
(1)
Stefan Sagmeister
(1)
archiving
(1)
awards. design education
(1)
colour
(1)
conferences
(1)
creative
(1)
creative advertising
(1)
degree
(1)
design books
(1)
design context
(1)
design sprints
(1)
drawing
(1)
eductaion
(1)
flash
(1)
moodboards
(1)
motion graphics
(1)
photoshop
(1)
printmaking
(1)
product design
(1)
responsive design
(1)
risograph
(1)
signage
(1)
training
(1)