landing pages
TRANSCRIPT
Landing Pagesfrom Prototype to HTML
Natã BarbosaBelo Horizonte, MG - March 2015
Landing pages are good at• Telling a short story• Segmented marketing• Showcasing a product• Getting sign ups• Testing ideas
Landing pages are good bad at
• Performing tasks (e.g. buying a product)• Introducing highly theoretical topics• Presenting text information• Giving many options to the user
One sentence intro and “Call to action” button
More details about what it is, the user must “get it” here
Testimonials, use cases, “Call to action” again
http://www.mygreatproduct.com
…
Web Design Trends 2015
Let’s do exercises.1. I give you the product (fake name, real product)2. You give me the landing page3. I show you the real landing page4. We compare and talk about it
Exercise #1• FLY is a device that you wear on your wrist. It can detach off
your arm and take a picture of you.• Features
– Boomerang mode– HD
• Content to include: Video, testimonials, team, sign up form.
Exercise #2• Smartlug is a beautiful piece of luggage designed for the
21st century traveler.• Features
– It can charge your phone– Digital Lock– Location Tracking– Digital Scale– Distance Alerts– Trip Data
• Content to include: Video, media coverage, team, referral program, pre-order
Let’s do exercises.1. I give you the product (fake name, real product)2. You give me the landing page3. I show you the real landing page4. We compare and talk about it
Let’s do exercises.1. I give you the product (fake name, real product)2. You give me the landing page3. I show you the real landing page4. We compare and talk about it
Let’s do exercises.1. Nixie – http://www.flynixie.com2. Bluesmart – http://www.bluesmart.com
Let’s do exercises.1. I give you the product (fake name, real product)2. You give me the landing page3. I show you the real landing page4. We compare and talk about it
References• http://www.coxblue.com/the-anatomy-of-a-high-converting-landing-page-infogra
phic/
• http://thenextweb.com/dd/2015/01/02/10-web-design-trends-can-expect-see-2015/12/