I worked on the design and development of this one page landing site on icontelematics.com, which is a marketing site that links to the login page for the web application system. 

 

The previous landing page had a very simple interface. I worked on the initial sketch and wireframes together with my manager to keep in mind with the marketing details and moved on to conceptual design and then development of the frontend framework. 

The following are layout sketches of all the components of the landing page. The page needed to accomodate an image slider that contains a video, multiple sections of information as well as well as a link to the iTunes store to download the iOS app product.

These wireframes showed the flow between each section of the page either when any of the main navigation is clicked, or by scrolling down the page.

Below is the initial design submitted before refinement.

Below is the screen that was implemented in the final landing page. I developed the pages in HTML, CSS with bootstrap framework and worked very closely with our frontend developer, who took the static pages and implemented it together with the frontend system in the application.