This project consisted on creating a one and unique page that could be used as a support for the sales department in order to attract new clients. The main information provided was already existing in another website, so this could be considered as a redesign.
Part of the definition of styles was around color and typography. The Gotham font was selected since its benefits aside, it was already used by the company branding.
Also the blue and Primary color was the base color provided by the brand for this project. The other colors selected were a designer task. In this case I considered the orange and yellow tonalities worked really well when interacting with white and blue, which I was going to implement as predominant colors.
I was granted total freedom since the existing website was not generating visual impact at all. The information could be classified in these main sections: Clients/testimonial, services, locations, work and contact us.
For this task, I was asked to deliver desktop and mobile views for development reference.
Here I'm presenting some of the sections that completed the full scroll landing page in both breakpoints.
Since the beginning of this assignment I had the mindset of a responsive website using the Box Model applying Flex Layout. In this way handoff to development will work really smoothly and similarities between design and development final delivery will keep consistency.
Based on that mindset, the mobile adaptation was pretty straight forward.
