Clik: Landing Page

Connect with the people you care about in a private and personal way.

SocialCommunicationOnline Community

Overview

With Clik, you can create personalized "Cliques" of trusted individuals, inviting only those you choose. Share your pictures and videos selectively, deciding which Cliques to share them with. Enjoy social media without distractions or interference from outsiders.

I was tasked with building a pixel-perfect implementation of the website according the designs.

This was built to;

create a web presence for the product to attract users
guide visitors through the app's functionality and features
add interested visitors to a wait (mailing) list

To achieve this, I used;

React
Firebase
Styled-Components
MailChimp

Visit the

live website

github page unavailable

My Role

The product needed a landing page to guide the users through the app's various features, answering frequently asked questions as well as adding interested visitors to a mailing list pending the app's public launch.

I solely handled the development of the website, ensuring I adhered to accessibility standards and that it was fully responsive regardless of the device it is viewed on.

Challenges & Cognitive Approach

While this was a relatively easy project, I did have some trouble with implementing the mailing list (newsletter) feature as I was new to the tech and had try out a few alternatives before settling for MailChimp. I was able to set it up successfully after reading the documentation.

There were minor challenges with the layout as well, due to the unique design. For example, the text here "Clique" is not an image and so I had to implement the shadow outline below. I was able to navigate these without much struggle.