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

An international brand manufacturing pet products

Services

Support / Plugins Integrations

Technologies

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

Status

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.

Challenges

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

Solutions

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.

Solutions

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.

Solutions

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

Roadmap

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
inaccuracies

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
fixing

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

Testimonial

Chris Rohovynskaia

Marketer, Collar.com

OnePix has been able to add sophisticated functionality to diginomica.com while maintaining a very high mobile-first design standard. That’s a tough balance to maintain. One remarkable thing: I have never met the OnePix team. We have never even spoken on the phone or VoIP. Another member of our team has spoken with them, but the point is I’ve been able to get projects done with OnePix that involved complex design requirements without ever talking real-time. That requires an exceptional attention to detail. I cannot recommend OnePix highly enough.