Discover the Vibely project

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

1. The challenge

Understanding the needs.

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.

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!

3. The process

Following the methodology.

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

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.

What Teri Yu said about us :

“Loïc is a secret weapon in web dev. I recently hired Loïc to build our responsive website (http://www.vibely.io for community meetups). It was complete in 2 days, polished with animations, and built with clean code. Couldn’t be more pleased!”

Teri Yu

Founder @Vibely

Is your digital presence working for you?

Get a 30 minutes digital marketing consultation over the phone, no strings attached.

Ready for more ?

We send you the power of growth

Share your goals and objectives with us.
Let’s make them ours too.