Flowr Agency | Landing page integration for Vibely

Non classé

Vibely

Vibely is a visionary startup based in the U.S.A. The app allows influencers to grow their community offline by encouraging their followers to meet face to face, organize local events, and support each other anywhere in the world.

Key achievements:

Integration of the landing page from a design
Responsive design optimization for tablet / mobile / desktop

When Teri, the founder of Vibely, came to us, the challenge was quite simple: The input: A design made with Sketch App (Mobile & Desktop) of the landing page of the Vibely App. The challenge: Integrating the furnished design into an optimized and animated webpage. What is Sketch App ? Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

1. The challenge

Understanding the needs.

2. The goals

Setting concrete objectives.

The Vibely page needed to be online really fast. It took less than 1.5 day to Loïc to turn the design into a dynamic webpage. Then the last part was to put animations on the different sections, and to give an airy, floating feeling. We used animate.css to create fast and optimized animations. Take a look, it’s awesome!

In order to create this optimized landing page we used the following technologies : – Sass / Smacss – BEM methodology / NPM modules – Git versionning What is BEM ? BEM methodology was invented at Yandex to develop sites which should be launch fast and maintained overtime. It helps to create extendable and reusable interface components. It’s way to code CSS : Block Element Modifier

3. The process

Following the methodology.

4. The solutions

What we did for them.

1. Within 48 hours of being entrusted with the project, Loïc delivered a first version of the landing page 2. As Vibely is a mobile app, responsiveness of the page was crucial. Another full day was spent on optimizing the landing page to be optimal on all screen sizes. 3. Great communication and reactivity to deliver , within a very short time frame, a fully responsive, fully click rate optimized, yet beautiful landing page.