I set out to create a striking landing page that could be used by a business to tell their story and encourage users to accomplish a desired goal.
This was a personal project to test and improve my art direction and web design skills.
Art Direction
Web Design
Motion Graphics
Me
Adobe XD
After Effects
January 2023
Product Design
Me
Figma
August 2023
I challenged myself with creating a landing page that could flow seamlessly and keep the user's attention throughout. I wanted the page to be visually striking, while allowing viewers to easily read and understand the message of the site.
I began by designing a shape that was both visually appealing and effective at holding page content. I wanted the shape to flow throughout the entire page without being repetitive or distracting to the content.
Taking the refined shape, I built a full-page layout using Adobe XD. I developed a standard for typography and imagery, and started to add core visual and text elements.
I felt that with the flow of the page, it made sense for the content to be focused around telling an impactful story utilizing effective user experience design. I then created an interactive prototype to test the experience as a desktop user.
After significant testing and refinement, I landed on a final design that I felt accomplished my goal of taking the user through a visual journey. I then exported the design into After Effects and created an animation to simulate a live web experience.
Taking the refined shape, I built a full-page layout using Adobe XD. I developed a standard for typography and imagery, and started to add core visual and text elements.
I felt that with the flow of the page, it made sense for the content to be focused around telling an impactful story utilizing effective user experience design. I then created an interactive prototype to test the experience as a desktop user.
I utilized the wireframe as a basis to create high-fidelity prototypes for the identified pages.
This exercise pushed my boundaries as a web designer. It allowed me to use my visual design skills to differentiate from current web standards and establish a clear and compelling page.
