CSS Zen Garden Website

This project was created as a demo of what can be done using only CSS/SCSS based design. All images are original illustrations transformed into SVG. All animations were done using SASS. It was made within a team and fully hand-coded.

2017

Web Design, Graphic Design, Programming

Some sketches were done once the theme for the website was chosen: Hot air Balloon Ride.

A style guide was created before creating the wireframes. The typography, colors, buttons, icons and other HTML elements were chosen.

Mobile and desktop version wireframes were created using Adobe Illustrator.

All coding was done using Brackets by editing the SCSS library and compiling to CSS.

↑Back to Top