Developing a landing page with UI / UX design
The main goal of the project was the development of an invitational website for the event, which our client soon planned to conduct as part of the Black Box social project. The event format is a charity dinner organized to raise funds for the purchase of braille printers. Such devices produce printed materials that help blind people discover the world.
To implement the project in the network, we decided to develop a landing page. Such a web resource is created on the principle of “one page, one sentence, one target action”, which fully corresponded to the main objectives of the project.
Properly formed landing should make the visitor want:
Creating a one-page website that solves such problems has become our goal for Black Box. During the initial stage of work, we traditionally deeply studied the specifics of the project 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 you not only to donate funds to charity, but to really feel and discover for yourself how the world of blind people works. The organizers of the gala evening planned to offer their guests for several hours to plunge into total darkness. The participants of the action were supposed to enter the restaurant hall blindfolded. Then, with the help of volunteers, go to their tables to enjoy a three-course dinner while listening to live music. What exactly will be served, the guests were not informed.
The guests should remove the blindfolds and exchange impressions only after the evening was over. Prior to this, a similar format of Let's help has already been successfully held in Kiev, Odessa and Lviv.
When developing the Landing Page structure, we aimed to deliver the key message to the user as efficiently as possible - the unique benefits that the guest will receive when attending a gala dinner. On the main screen there is a button with the caption “Turn off the light. Turn on your feelings. ” By clicking on it, the user goes to a one-page site. The main screen is transformed. A photo of the served table with a beautiful dish and a glass of wine appears on it. Against the background of the image is a text indicating the date, place, time and name of the event, to which the site is dedicated.
The picture consists of two parts - color and black and white. Below on a white background is a description of the purpose of the project. Opposite to the black background is placed the same text, written in braille.
The main screen is interactive. The animation allows the color and black-and-white halves of the screen to change places when you hover. There are also text blocks with standard and braille fonts. The purpose of this design was to show how differently any information and the world look to a person with vision and one who is deprived of this ability. On the following screens:
At any time on the landing page, the user has the opportunity to register to attend a charity dinner, make donations to the project, see how much money has already been raised and how much is needed to fulfill the stated goal. All this allows you to make a dynamic button to call for action "Let's do it."
Are you ready to become the leader in your niche?
Let’s discuss real prospects for your business!