From a948fe9c9dbe5256e389fa1b79324c0d06727dfc Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Thu, 11 Apr 2019 21:57:40 +0300 Subject: [PATCH 1/2] new project: Product Landing Page --- Projects/Product-Landing-Page.md | 33 ++++++++++++++++++++++++++++++++ README.md | 5 +++-- 2 files changed, 36 insertions(+), 2 deletions(-) create mode 100644 Projects/Product-Landing-Page.md diff --git a/Projects/Product-Landing-Page.md b/Projects/Product-Landing-Page.md new file mode 100644 index 00000000..7d2c9639 --- /dev/null +++ b/Projects/Product-Landing-Page.md @@ -0,0 +1,33 @@ +# Product Landing Page + +**Tier:** 1-Beginner + +Whenever you have a product (or a service) that you want to sell, you'll want to have a website that will promote that product in the best way possible. You need to make sure that the information on the page is relevant, simple to understand and highlights all the awesome features of the product in order to higher the conversion rate. + +Conversion rate - the % of the visitors which purchase the product or service. + +## User Stories + +These will cover the visual part of the project. + +- [ ] User can see on the page one or more images with the product +- [ ] User can see a list with all the features of the product +- [ ] User can see how this product will improve the buyers life. Why should he buy it? +- [ ] User can see a contact section (a text with the email) + +## Bonus features + +These will cover the functional part of the project. + +- [ ] User can see a FAQ section +- [ ] User can contact the staff members via a contact form +- [ ] User can sign up to receive notifications about the product +- [ ] User can purchase the product + +## Useful links and resources + +N/A + +## Example projects + +- [Product Landing Page] diff --git a/README.md b/README.md index ca1b3acf..52e2463e 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ required to complete them. | ---------------------------------------------------------------------- | --------------------------------------------------------- | ---------- | | [Bin2Dec](./Projects/Bin2Dec-App.md) | Binary-to-Decimal number converter | 1-Beginner | | [Border Radius Previewer](./Projects/Border-Radius-Previewer.md) | Preview how CSS3 border-radius values affect an element | 1-Beginner | -| [🌟Calculator](./Projects/Calculator-App.md) | Calculator | 1-Beginner | +| [🌟Calculator](./Projects/Calculator-App.md) | Calculator | 1-Beginner | | [Christmas Lights](./Projects/Christmas-Lights-App.md) | Simulate a string of Christmas lights | 1-Beginner | | [Cause Effect App](./Projects/Cause-Effect-App.md) | Click list item to display item details | 1-Beginner | | [Color Cycle](./Projects/Color-Cycle-App.md) | Cycle a color value through incremental changes | 1-Beginner | @@ -51,6 +51,7 @@ required to complete them. | [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | 1-Beginner | | [Notes App](./Projects/Notes-App.md) | Create and online note pad | 1-Beginner | | [Pomodoro Clock](./Projects/Pomodoro-Clock.md) | Task timer to aid personal productivity | 1-Beginner | +| [:star2: Product Landing Page](./Projects/Product-Landing-Page.md) | Showcase product details for possible buyers | 1-Beginner | | [Quiz App](./Projects/Quiz-App.md) | Test your knowledge by answering questions | 1-Beginner | | [Roman to Decimal Converter](./Projects/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | 1-Beginner | | [Slider Design](./Projects/Slider-Design.md) | Display images using a slider control | 1-Beginner | @@ -75,7 +76,7 @@ required to complete them. | [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | | [Timezone Slackbot](./Projects/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | | [To-Do App](./Projects/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | -| [🌟Typing Practice](./Projects/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | +| [🌟Typing Practice](./Projects/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | ### Tier-3: Advanced Projects From 20efcc2a6ffcb21571ef80f5ee492d21305a2eae Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Thu, 11 Apr 2019 21:59:35 +0300 Subject: [PATCH 2/2] updated project --- Projects/Product-Landing-Page.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Projects/Product-Landing-Page.md b/Projects/Product-Landing-Page.md index 7d2c9639..fa30a070 100644 --- a/Projects/Product-Landing-Page.md +++ b/Projects/Product-Landing-Page.md @@ -26,8 +26,9 @@ These will cover the functional part of the project. ## Useful links and resources -N/A +There are plenty of Product Landing Pages out there. You can use [Dribbble](www.dribbble.com) and [Behance](www.behance.net) for inspiration. ## Example projects -- [Product Landing Page] +- [Netlify](https://www.netlify.com/) +- [Product Landing Page - Codepen](https://codepen.io/l4ci/pen/LoGjk)