DESIGN
Year: 2023
Tag: HTML Website
Link to Website
(This website is suitable for chrome only, recommended for desktop viewing)
BRIEF
Create a responsive website prototype for a coffee subscription service company, Hayaoki Coffee.
APPROACH
Taking inspiration from Japanese vertical text and layout, this website aims to encapsulate the serenity and authenticity of the brand’s Japanese identity. Scrolling animations which work in conjunction with the long webpages are included in the website, promoting audience’s interactivity.
DESIGN PROCESS
This website can be split into 2 overlapping layers: the background and the content. This is done to maintain the randomised position of the background elements whilst having an organised layout for the content. For the gallery section in particular, another layer is added to host the title element.