Coding
Shakespeare
One of the skills sets of a good UX designer is understanding whether their prototype designs will be feasible in development. Building a web page using HTML, CSS, and Javascript was an excellent opportunity to discover the limitations and possibilities of the medium.
A brief video showing the site experience.
The building blocks of the website were three colors of simple geometric forms, remixed and animated.
The process began with mood board ideation – identifying style elements, UI interactions, typography, and more.
Coding was done using a GitHub repository clone on desktop, then using Visual Studio Code to enter code, and pushing origin back to the server using GitHub Desktop.
Early desktop and mobile versions of the desired outcome, drafted in Photoshop.
Demonstration of responsive properties.