Project Type

Personal Project

Tool Used

Sketch App

Project Brief

A landing page is basically introduced to promote a product or service that transforms customer engagement. The landing page focuses mainly on a single action which is called Call To Action or CTA. However, the type of content, interaction, and web page layout varies depending on the context.

This project is basically prepared based on my recent project “LUOKKAPP (students attendance mobile application)”. The goal behind this project is to shows how a mobile application landing page works in the real scenario.

Luokkapp Responsive layout landing page

Responsive

Design

The pixel-perfect responsive design offers the best output, both for extremely large desktop and tiny mobile devices. The use of consistent color and typography ensures the minimalism and cleanliness of the interface.

Bootstrap

Grid Layout

Bootstrap 12 Column Grid is used to design the template that ensures that the data are well-organized in different columns.

Colors & Material

#2A77EE

#545353

#EFEFEF

Typography

Montserrat

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Full Preview

App landing page web version