Responses by Callum Shand, designer and Paul Spencer, front end developer, Humaan
Background: We needed to accurately demonstrate Limitless’s core values: transparency, creativity and collaboration. Another goal was to create strong but unobtrusive low barrier calls to action for enquiry and lead generation. As Limitless is a boutique builder, with most projects ranging from $500k to 1m+, it is not meant for first-time homebuilders.
Highlights: The website’s style is modern and elite, balanced with friendliness and approachability. The layout also needed to be flexible enough to accept new case studies as the client adds them through the CMS. One core feature is the “Start a New Project” call to action, which follows users wherever they are on the page. The form is intentionally very simple for users to make contact.
Challenges: Creating the perspective mobile navigation. Because of the way the perspective works in CSS, there were some issues that flowed through to other pages, which we had to problem solve our way around.
Favorite details: How the desktop navigation collapses to the sticky navigation by scrolling, which follows users down the page in a deliberate space created for it. It adds to the overall premium feel and creates an easy way for users to navigate, no matter where they are on the page. Also, the unique mobile menu was both a creative challenge and a nice surprise for users.
Technical features: The accessibility considerations. There are keyboard skip-to-links that send users to the main areas of the website and focus management, while accessing the enquiry fly-out form on the right hand side of the site. While using the enquiry form, if users tab before or after the form, it will give users a prompt to close the screen. In addition, the esc key will also do the same.
Anything new: Because this site had a huge focus on simplicity and user experience, we knew that focusing on the animations and the performances were going to be key. To accomplish this, there was a lot of research behind how to achieve a high frame per second outcome. Furthermore, all animations are limited to only using transforms and opacity changes. The results are buttery smooth animations that keep the frame count high.