The challenge
CrewView sells software to construction companies, and these are people who would rather be on site than reading a software page. The page had to say what the product does straight away, and it had to work on a phone in a truck as well as on a desktop in the office.
The solution
I coded the home page by hand, using Bootstrap for the grid and Owl Carousel for the product sliders. Heavy condensed type and a strong blue set the tone in the first screen, where the two ways to get in touch, calling or texting, sit right under the headline.
Below that, product screens sit in sliders so a visitor can see the dashboard without leaving the section. A separate responsive stylesheet keeps the large headings and the screenshots together on small screens.
Results
- The offer and the contact options are visible in the first screen
- Product screens are shown right on the page
- The layout holds up from a phone to a large desktop
