The project
This page was conceived as a separate advertising campaign on an existing (Russian) site. It was designed taking into account the already existing style of the site, it was not supposed to look like a separate attractive and stylish advertising page.
It was developed using manually created markup and styles and scripts organized into SCSS and TypeScript modules, compiled via webpack.
Implemented features
- Stylish and attractive design (used existed site header and footer, in the CMS templates).
- A stylish and attractive design has been created (used existing site headers and footers from theCMS templates).
- Adaptive design that ensures comfortable site browsing on all types of devices.
- Styles and scripts are developed as part of a TypeScript/SCSS project, that allows to painlessly update the code and add new features.
- Integration into the existing CMS infrastructure (it’s possible to edit the basic content in the CMS editor).
- Popup dialog window with a feedback form.
- Form fields verification (with custom scripts).
- Google captcha used on the client side to avoid spam and scam treats.
- The server-side PHP script that accepts data from the client, checks it and sends notifications to the site editors. This script checks the validity of the received captcha response, the correctness of the server environment and the correct form data.
- The server script configuration provided as a separated editable module.
The webpack project
See the project on Github.
Screenshots
Figma design
The editable layout in the CMS editor
Real site appearance
Links
- The landing page on the site (in Russian).
- Yupe cms.