Landing pages for event announcements are popular among charitable companies. We received an application for developing such a site from PENCILS OF PROMISE. It is an organization that creates safe, healthy educational environments and expands access to quality education for children in the world’s most under-resourced countries. The company was preparing for the PoP GALA event and needed a landing page. Let’s consider how we implemented this project.

This block is made in the banner form. The event name is placed in the gradient background center. Clickable PENCILS OF PROMISE logo in the upper left corner. By clicking on it, the user is transferred to the company’s main page, where he can learn more about its activities, work examples, etc. In the upper right corner, we have placed the event date and place. Two buttons are implemented under the event name: The first is «GALA tables», and the second is «Individual tickets». After clicking, the user is transferred to the relevant sections, where he can book a table before the event or buy a ticket.

In this block, our developers implemented text fields. The user gets acquainted with the invitation to the event, the dress code, the event time, the program, and other nuances. In addition, the clickable text «Can’t Attend?» has been implemented. After clicking, the user is transferred to a page with details of what to do in such a case.

The site provided 5 options for table reservations. We performed each option with a separate card. Users can make donations and get reservations by clicking the «Purchase now» button. Below it is a clickable text, by clicking on the link users can familiarize themselves with the selected offer details. The block peculiarity is that the table armor options are superimposed on each other during scrolling. Thanks to this, it was possible to reduce the landing page size and create an interesting animation effect. The development team used CSS animation to implement such a feature.

After booking tables, blocks are placed where the user can purchase 4 or 6 tickets. It also shows how many tickets are still available. Below is a block with the purchase of individual tickets.

In this block, the user is invited to make a donation if he is unable to attend the event but wants to contribute to the PENCILS OF PROMISE cause. Under the short description, the «Fulfill the dream» button is implemented. After clicking on it, a pop-up window appears with the clickable text «Donate» amounts and explanations of where the donations will go.

On the left is a clickable company logo that takes the user to the PENCILS OF PROMISE home page, and on the right is a «Contact Us» button. In addition, the footer contains links to the privacy policy and other useful pages. The address of the company’s office is clickable, after clicking the user is transferred to a Google map, where he can see the location and make a route. Our developers have integrated the map link. The e-mail address is also clickable, users can contact the company in a few clicks.

Functionality is important in a landing page no less than in a corporate website or online store. This project shows how much a landing page can simplify the event organization. Thanks to our site developers team, users can easily buy tickets to the event, donate in a few clicks, and familiarize themselves with the event program. In addition, the landing page has an intuitive interface and an attractive design. The PENCILS OF PROMISE company was completely satisfied with the work result.