Creation of a WordPress-based website made as a constructor for COLLAR

An international brand manufacturing pet products


Gutenberg paradigm / Bitrix24 / SVG map / Plugins integration / Mobile version adaptation

575 hours

were spent on the project

46 pages

Of the detailed instruction, we've written


In process

The client's needs

We received a request on a website, that mainly will be used for sharing information to potential partners about the COLLAR company: its products, brands, news, and events. It was necessary to create a catalog, feedback form, and a map, making all elements easy to manage.


Constructor creation

The client wants that in-house client's content managers can create landing pages themselves from any blocks they need for new services and products and promote them in future


We decided to use the Gutenberg paradigm to merge all the necessary sections with this editor.

This technology allowed to solve the problem and fill the pages easily in the future.

Integration with Bitrix24

The second difficulty that we faced was executing integration with Bitrix24. The customer did not know which type of integration he would prefer for a long time.


Our team offered to use the standard integration through a ready-made script generated by Bitrix24 for insertion into the website. It was an excellent decision to put down all the forms, written in 3 languages. So we've made it and styled the result to match the overall visual conception.

Client`s limited knowledge of WordPress

The challenge was teaching the client's team to administer the new website.


We've decided to write instructions in 36 pages: so detailed that even a beginner could easily understand it.


  • 1. First encounter

    Call-acquaintance with the client
    and the whole team

    2. Formation of technical requirement

    Frontend development estimating
    and discussion on it

  • 3. Getting site layouts

    Acquaintance with website pages
    from the designer and marketer

    4. Working on the frontend

    Figuring out parallelly the details
    about the forthcoming backend stage

  • 5. First frontend version

    Presentation to the team,
    discussion on and editing

    6. Backend development

    Development starts within
    additional parallel consultations

  • 7. Frontend: the final stage

    Making last edits and correcting

    8. Backend development

    The process comes on a test server
    with collateral communications

  • 9. Project finalization

    Final preparations before the release,
    including quality assurance and bug

    10. Instruction development

    Creating a detailed document with
    screenshots to help an in-house team
    administrating the site

  • 11. Final integration

    Setting metrics and scripts
    for website analytics

    12. Website transfer

    Moving to the customer's domain
    and server

  • 13. Support

    This stage continues even today


The team that worked at the website

Simon Kataev, Daniel Boyko, Alex White
Vera Gorodnicheva, Artem Labaznikov
Simon Kataev, Artem Beliakov
Daniel Boyko
Vadim Lagutik

More case studies

Let's get acquainted!

This website uses cookies.

This website uses cookies.

I agree to the Cookies Policy