LP Agency

design, React, WordPress, and 3D animation

About the project

Scope:
digital and Internet marketing
Project type:
corporate website of a digital agency
Technologies:
React, WordPress
Additional:
3D animation, multilingual, basic SEO

datera3

We were approached to develop a new website for a full-service digital agency. The task was not only to create a visually modern corporate website, but also to assemble it on an architecture that would allow you to independently manage the content and regularly update the agency’s projects.

We developed the design from scratch according to the terms of reference, implemented frontend on React, connected WordPress as a content management system and helped to fully fill the finished website.

Special attention was paid to the non-standard architecture of the project and the use of 3D animation, which had to be not only implemented, but also optimized for the normal operation of the site.

Task

It was necessary to create a website that simultaneously solves several tasks of a digital agency:

  • represents services and areas of work;
  • demonstrates completed projects;
  • allows you to add and edit cases regularly;
  • provides convenient content management;
  • It works in several languages.;
  • It is displayed correctly on different devices;
  • uses modern visual solutions, including 3D animation.

At the same time, the site should remain convenient for further development: the agency’s team should be able to independently change information without contacting the developers for each small edit.

Design from scratch

The website design was developed independently based on the terms of reference.

We have developed a visual concept, page structure, and interface solutions tailored to the specifics of a digital agency. Special attention was paid to dynamic elements and animations, since the visual part was supposed to be not just decorative, but to support the overall perception of the site.

The ready-made layouts then became the basis for frontend development.

datera5

React + WordPress

React was used as the frontend technology, and WordPress was used for content management.

At the same time, WordPress did not act as a regular CMS with a classic theme. The project is based on a non-standard architecture in which frontend and the content management system are separated.

This made it possible to combine the modern interface on React with the usual way for an administrator to manage content.

You can use WordPress on your own:

  • edit page content;
  • change information blocks;
  • manage cases;
  • add and update projects;
  • keep the information on the website up-to-date.

This approach is especially important for a digital agency, where the portfolio and description of services change regularly.

3D animation and optimization

One of the features of the project was the introduction of 3D animations.

The challenge here was not just to add complex visual elements to the interface. It was necessary to make sure that they did not create an excessive load and did not worsen the interaction with the site.

Therefore, during the development process, we separately optimized animations and their behavior in the interface.

As a result, a complex visual component has been integrated directly into the site, taking into account performance and adaptive display.

Multilingualism and adaptability

The site is implemented in several language versions so that the content is available to different groups of users.

We have also developed a full—fledged adaptive version — the interface is correctly configured for desktop, tablets and mobile devices.

Adaptivity was taken into account not only for standard page elements, but also for interactive and animated components.

datera6

Website content

After the development was completed, we also helped with the content of the project.

The work included the placement and design of all necessary content: texts, images, information about services, case studies and other materials presented on the site.

This made it possible not only to transfer the technically ready project to the customer, but to bring it to a working state with the main sections filled in.

Basic SEO

As part of the development, we also performed basic SEO site configuration.

We have prepared the necessary technical and content elements so that the pages are correctly prepared for further promotion in search engines.

Result

As a result, we have developed a full-fledged corporate website of a digital agency with a modern visual concept and non-standard technical architecture.

The project implements:

  • design from scratch according to the terms of reference;
  • frontend on React;
  • WordPress for content management;
  • React and WordPress integration;
  • managing pages and cases via CMS;
  • multilingualism;
  • adaptive version;
  • 3D animations and their optimization;
  • help with the full content of the site;
  • basic SEO setup.

The website has been launched and operates as the agency’s main representative office on the Internet.