Landing page development with UI/UX design
The main goal of the project was the development of the website-invitation to the event that our client planned to hold soon in the framework of the social project Black Box. The format of the event is a charity dinner organized to raise funds for the purchase of Braille printers. Such devices produce printed materials that help blind people to learn about the world.
To implement the project on the internet, we decided to develop a landing page. This web resource is created on the principle of "one page, one sentence, one target action", which is fully consistent with the main objectives of the project.
Properly formatted landing page should make the visitor desire:
Creating a one-page website that solves such problems has become our goal for the Black Box. During the initial stage of work, we have traditionally studied the specifics of the project in depth in order to subsequently develop exclusive marketing and advertising solutions.
The idea of a social project
We found out that the uniqueness of the project lies in the fact that the Black Box allows people not just to donate funds to charity, but to really feel and discover how the world of blind people works. The organizers of the gala evening planned to offer their guests a few hours to plunge into complete darkness. Participants of the action had to enter the hall of the restaurant blindfolded. Then, with the help of volunteers – go to their tables to listen to live music, enjoy a three-course dinner. Guests were not informed about what exactly will be served.
Only after the night was over, guests would be allowed to remove the blindfold and to exchange impressions with each other. Earlier, the events of such a format organized by Let’s Help were held in Kyiv, Odesa, and Lviv.
The landing page structure
Developing the structure of the landing page, we sought to convey the key message to the user – the unique benefits that will receive a guest visiting the gala dinner. With this purpose, the “Turn off the light. Turn your feelings on” button was put at the main screen. By clicking on it, the user goes to a single-page site, where the main screen is transformed. A photo of a table with a beautiful dish and a glass of wine appears on it. On the background of the image – text that tells the date, place, time and name of the event, to which the website is dedicated.
The picture consists of two parts – of color and black and white. Below, on a white background, goes the description of the project goals. On the other side, the same text written in Braille is placed on a black background.
The main screen is interactive. Animation allows the color and black-and-white halves of the screen to be swapped on hover. There are also text blocks with a standard font and Braille. The purpose of this design was to show how different any information and the world look to a person with vision and someone who is deprived of this ability. The following screens:
At any moment of their stay on the landing page, users have the opportunity to register to attend the charity dinner, make donations to the project, see how much money is already collected, and how much is required to implement the set goal. All this can be done by clicking the dynamic call-to-action button "Let's Help"
Do you need an effective marketing tool to conquer and maintain leadership in your niche?
Let's discuss the real prospects for the development of your business!