XNQuanta
Web Design & Development
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Project Brief:
Develop a unique landing page for the XNQuanta brand that reflects their core values and resonates with their primary demographic of professional soccer coaches.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Project Objectives
Infuse Drama
Attract Coaches
Create an Ecosystem
Define The Product
Existing Brand Voice:
Translating existing brand vision into a practical design language that could be used
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Hero Section
I chose to draw visitors in with a compelling video hero section.
A video hero section creates immediate intrigue and invites users to engage with an unfolding story.
Matrix Transition
Visual effects to create the illusion of transition.
Eliciting a sense of drama upon arrival to the site was a key objective in crafting the brand experience. This was achieved in part by using video backgrounds, gradients, and custom scroll animations to create a sense of movement down the page.
Unpacking The Philosophy
Video hover effects to further engage visitors on their journey.
In order to fully convey the depth of the XNQ Matrix, it was important to direct proper focus to each facet of the philosophy. By using subtle videos and hover effects, I was able to direct attention to each content container in a more natural way.
Community Detail
Bold headlines and relevant video backgrounds to inspire involvement.
Painting the picture of an inspired community of coaches was a key factor in developing the overall XNQ ecosystem—the primary goal being for visitors to see themselves in the content and take action further down the page.
Product Pathways
A clear and dynamic product structure that outlines potential pathways for interested visitors.
It was important to create a clear indication of interaction opportunities after explaining the product. A clean white background and dynamic cards were used to accomplish this task.
Final Call To Action
A compelling final experience designed to leave visitors pondering the possibilities.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
