Goin’ App Landing page

The challenge consisted in creating a landing page for the Goin’ App.

<Landing Page> is a standalone web page, created specifically to users are encouraged to take an action, such as downloading app, buying products or enter into email lists.

Goin’ App Landing page

Design

The lading page consisted in different sections:

Intro > brief and engaging introduction to the app with the buttons that leads to the download.

Feature > section that highlights the feature of the applications.

Testimonials > reviews by users.

Download > engaging texts and a visual that leads to the download.

Design

The layout was created following the grid system provided by Bootstrap. The layout was created considering the mobile-first approach.

📱 Mobile > 6 column layout

💻 Desktop > 12 column layout

The UI elements from the Goin’ App, such as fonts, colors and other elements were used on landing page to create a consistent design between the two.

Mobile Version

Desktop Version

Development

The tech & tools used for this project

Bootstrap > A free and open-source CSS framework directed at responsive, mobile-first front-end web development

HTML > The standard markup language for documents designed to be displayed in a web browser.

CSS > A style sheet language used for describing the presentation of a document written in a markup language such as HTML.

JavaScript > A programming language that is one of the core technologies of the World Wide Web.

Tea > An aromatic beverage prepared by pouring hot or boiling water over cured or fresh leaves of Camellia sinensis.