The Magnises user experience needed to focus on content and imagery without drawing attention or distracting the reader with extraneous details. Black, white, and charcoal were chosen to be the primary color pallet while a bright golden yellow acted as a rare call to action highlight.
To further the focus on content, a single clean column would allow the reader to digest one rowย at a time. A fixed sidebar widget coupled with a contracting sticky header stayed out of sight, but always accessible for the reader.
Endlessย Content
Pagination and the page load time thatย accompanied it were replacedย with a superior user engagement technology: infinite scroll.
Social Integrations
Showcasing the activity of Magnises’ social media accounts was vital to accurately portraying the brand. We utilizedย the APIs of both Instagram and Twitter in order to display a custom styled embed that wouldย operate with our Infinite Scrolling mechanism.
One Size Does Not Fit All
We wanted to serveย visitor intent without sacrificing white space or distracting the reader. Weย designed the website’s header to display differentlyย based on which pageย the visitor was on and to change on scroll.
