Giter VIP home page Giter VIP logo

app-landing-page-project's Introduction

App_Landing_Page

This single-page website has been created for a custom app builder service for iOS & Android platforms. Any type of business can have a custom and mantain mobile apps in a fraction of the time and cost.

User can learn more about the main benefits of using the service, see a showcase of examples, learn more about the pricing model and ultimtely request information about the service via contact form.

All features covered in this api are listed below.

Note: For learning purposes, you can follow the commit history of this repo.

UX


  • The main objective of the website is to briefly showcase the service and convert visitors into potential leads.

  • The target pubic is small and medium business owners and decision makers of business that they dont have an app yet. This potential prospects can get into the website an get atrated by the benefits and graphical appearance and hopefully transition to become a customer.

Features


My project consist of a single page website to allow for easy access to information for the user. As its a simple service I decided to market it in one-page with diferent section that will form the entire layout and will act as pages.

The elements used are the following:

  • NavBar: its a responsive bar that allow the user to quickly navigate to anywhere on the site as the would normally do with pages.

  • Header: Its meant to grab attention with colorful background and a short and direct sales-pitch lines and a app showcase.

  • Features/benefits section: The main three benefits that the potential customer can gain by subscribing to the service.

  • Examples section: It is meant to be a showcase of diferent parts of an app that can be build.

  • pricing section: Straigh forward, simple and easy-to-understand pricing model for all types of customers. Also included a fremiun plan that will convert a 5% (for example) of those subscribers.

  • Contact section: the objective of this section is to convert as many prospects as posible, that why is easy to spot with their CTA.

  • Footer: simple footer that encourge people to stay connected by email for future nurturing campaigns.

Technologies Used


  • HTML5
  • CSS3
  • Bootstrap

Testing


I went to the "Contact Us" page and the following elements:

  • I tried to submit the empty form and verify that an error message about the required field appears.
  • In addition, that the website looks and works on different browsers and screen sizes.
  • Checked all links and navBar items works good in every browser and device.
  • Tested the responsivness of the site across web browsers and devices.

Credits


Deployment


  1. Started new repositery in GitHub: https://github.com/lucassuar/APP-LANDING-PAGE-PROJECT
  2. Launched new terminal within Cloud9 and git init to initialize an empty Git repository.
  3. Then I did git add . to add existing documents.
  4. git commit -m "" to commit the first files.
  5. After final completition I have upload it to the main github repositery by using the following commands:

Contributing


  1. Fork this repository to your account.
  2. Clone your repository: git clone https://github.com/lucassuar/APP-LANDING-PAGE-PROJECT_api.git.
  3. Commit your changes: git commit -m "did something".
  4. Push to the remote branch: git push origin new-feature.
  5. Open a pull request.

Suggested Contribution


  1. Create backend funcionalities.

Licence

ISC

Copyright (c) 2019 Lucas Suarez

app-landing-page-project's People

Contributors

lucassuar avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.