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
- Inspiration: https://colorlib.com/preview/#bulkapp
- I received inspiration for this project from: https://dribbble.com
- Header gradient color from: https://uigradients.com/#SublimeLight
- The images/logo used in this site were obtained from: https://www.altmetric.com/about-us/logos/ , https://themeforest.net/item/stribe-app-landing-page/22071614?s_rank=66 , https://www.pexels.com/photo/white-ipad-955447/ , https://colorlib.com/preview/#bulkapp
- Pricing section code taken from: https://getbootstrap.com/docs/4.3/examples/pricing/
- Content from: https://buildfire.com
Deployment
- Started new repositery in GitHub: https://github.com/lucassuar/APP-LANDING-PAGE-PROJECT
- Launched new terminal within Cloud9 and git init to initialize an empty Git repository.
- Then I did git add . to add existing documents.
- git commit -m "" to commit the first files.
- After final completition I have upload it to the main github repositery by using the following commands:
- git remote add origin https://github.com/lucassuar/APP-LANDING-PAGE-PROJECT.git
- git push -u origin master
Contributing
- Fork this repository to your account.
- Clone your repository: git clone https://github.com/lucassuar/APP-LANDING-PAGE-PROJECT_api.git.
- Commit your changes: git commit -m "did something".
- Push to the remote branch: git push origin new-feature.
- Open a pull request.
Suggested Contribution
- Create backend funcionalities.
Licence
ISC
Copyright (c) 2019 Lucas Suarez