Futuristic Landing Page (December Hackathon Project)

Built by TEAM GUAPOS:

UX

• [Paola Lefort] (https://www.linkedin.com/in/paola-lefort/)
• [Vladimir Mabille] (https://medium.com/@vladspooker)

Dev

• [Jack Watkins] (https://github.com/jackwatk)
• [Cecilia Barudi] (https://github.com/ceciliabarudi)

Description

The objective of our landing page is to get to know the new product and connect the customer to our enviroment, facilitating a conversion.

MVP

Includes landing page that is split, with a slanted video taking up the right hand side. It has a CTA button, semantic HTML layout and CSS.

Backlog

• Code refactor.
• Get view closer to hifi screens.
• Add better contrast video.

Done!

• Ideation, research, design studio.
• Github repo.
• Readme file.
• Logo.
• Google Fonts.
• Content.
• Transparent Shoe.
• Floating Shoe.
• Slant Video section.

Data structure

• HTML file split into two sections, within a main, with a nav header.

###Left-hand section

• 2 div sections to partition the shoe image and font.

###Right-hand section

• Optimise HTML5 with a video tag.

Tasklist

• Task definition in order of priority.
• Github repo.
• Deploy.
• Fork boilerplate.
• Wireframes.
• HTML layout.
• CSS Planning.
• CTA.
• Video.
• CSS.
• Google Fonts.
• Content right side.
• Content left side.
• Transparent Shoe.
• Shoe Float transform.
• Slant video.

Links

Git

Project Repo Deployed Project

Slides

Google Slides Presentation