740 PROJECT

WEBSITE MOCKUP





Created in Hanatomiy ~ please view on desktop




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


HIGHLIGHTING YOUR WORK
Using subtle animations to bring the user‘s focus to the information presented.


LAST UPDATED:
11-14-2019 2:40 PM



LANDING PAGE


Website opens to a black screen,
similar to how an older TV turns on.
Landing page transitions to a short 5-10 sec video / gif, which then loops into a black screen.

Think TV that turns on, flashes images and turns off smoothly.




MENU


 
OPTION 1:

Hidden menu that pops up when they click an icon

Allows for a cleaner look.  


 
OPTION 2: 
Top Navigation


 
OPTION 3:
Left-side Navigation

 
OPTION 4:
Right-side Navigation



ABOUT





CLIENTS


OPTION 4:
Right-side Navigation


OPTION 2:
Staggered list, 
Image pops up on hove



HIGHLIGHTS

REFERENCES:

Scrolling
www.kirschberg.co.nz


Hover on link
www.rodolfosarno.com



On-hover
*can decide on either monochromatic or keep the colour of the thumbnail

Detailed page of marketing highlight


SHOP


Smooth, simple, parallax scrolling

 

 



LOOKBOOK



Parallax scrolling: mockup shows how it would animate as the user scrolls. 

REFERENCE:

Scrolling
peterlindbergh.obys.agency






CONTACT




end