Quality Control


WEBSITE DEVELOPMENT



a website created in HANATOMIY includes the following deliverables:

+ Art Direction
     ︎︎︎Forming a visual narrative that is timeliness and                 surrounds your vision of QC in it’s digital form.
     ︎︎︎Immersive Design 

+ Branding & Identity
     ︎︎︎Elevating the existing QC brand.
+ Graphic Design
     ︎︎︎Designing with great attention to detail.      
     ︎︎︎Creating collatorals in support of the brand.   
+ Web Development

     ︎︎︎Building an interface ideal for editors & developer. 
     ︎︎︎Creating a site where aesthetics equal function.
+ Work Process
     ︎︎︎Smooth process with constant open lines of communication.

            






THIS WEBSITE BUILD WILL FOCUS ON THE FOLLOWING:

USER-FRIENDLINESS
Clean Animations
Smooth Transitions
* Mobile-friendly / Responsive Design *
Cross-browser Compatibility


DESIGN

Timeless typography and layout
Use of contrast to add balance to the page (size, colour)
Use of simple, yet intentional design


INFORMATION
Informative and Immersive
Strict and cohesive organization of visual information (copy and design)
Seamlessly differentiate between QC Music, Film, and Sports.  


HIGHLIGHTING YOUR ARTISTS
Creating a page that caters to a specific artist while maintaining style guidelines. 
Using subtle animations to bring the user‘s focus to the information presented.



LAST UPDATED:
06-04-2020 10:40 AM


WEBSITE MOCKUP

*** ALL LINKS WILL BE IN GOLD IF ON HOVER ***


1

Landing Page




Option 2:

Video background or blank.

*this map is custom illustrated for QC. 

https://codepen.io/hytmio/pen/bGEQzJw



 

 



1. Hamburger Menu
 


2. Longitude and Latitude, tracks the position of the mouse. Would be a cool interactive option. Here’s an example.



3. Handrawn icons. QC Logo. 
The icon on the left side will be different for each artist page. 
Each artist will have their own cutsom icon.






2


About







3


News



* Option 2: 

Custom illustrations for each press article. 

https://covers.kedzich.com/


a.
Media company in big bold fonts contrasted by the date of release in small fonts.


b.
Article quote in sans serif font. Playfully placed on the space above the article excerpt. 

* quote elements are draggable
 








4.1


Artist Profile 1



ARTIST

Option 2:

***

Inverted edit on photo of the artist.

Each artist will have a different font / colour scheme that fits their image / creative direction. 
 







4.2


Artist Profile 2

interactive profile, each artist will have a different vibe.  









5


Artist Roster

Option 3
All photos will be in black and white with artist name above similar to the layout below.