Moodboard
The color scheme of the site was already determined by the guidelines of the Pixelsfx brand. Therefore, I utilized the moodboard to explore different visual ideas for hero banners, navigation and page design.
Wireframes
The next step of the design process was to ponder different layout options via rough pencil sketches.
User Interface Mockups
Once the sketches and initial ideas were approved, I fired up Sketch and began working on pixel-perfect renderings of the low fi designs.
UI Animation
In order to demonstrate the functionality of the fullscreen overlay menu, I created an animated gif to make my ideas clear to the client. After Effects was my tool of choice for the animated visualization.
Mobile Concepts
In order to demonstrate the functionality of the fullscreen overlay menu, I created an animated gif to make my ideas clear to the client. After Effects was my tool of choice for the animated visualization.
