Following an extensive rebranding process, Decor Floor, the market leader in flooring solutions, has become Wemat and recently launched its new website, www.wemat.global, developed in partnership with Codezilla.
Challenge
The main purpose of the new website is to be a presentation, which represents the new brand in relation to what it means, what it can do, its vast experience, and its multiple successful projects. This means many interconnected variables on different levels and different scenarios (services offered, partners, projects, specific image galleries).
Our main challenge was to build the new Wemat website in such a way that all these variables connect coherently with each other, both for the end-user and for the Wemat marketers who wanted an easy and intuitive CMS.
Approach and Solutions
Structured and Comprehensive Approach
From the beginning, the project was divided into as many defining elements as possible, from component types, content structures and the interconnectivity between them, static and dynamic pages defined at component level and the dynamic links on each area.
Using a Waterfall approach, we started the project development with the complete documentation, directions and deadlines for each stage and a clear objective regarding the result. In this process we used tools like Figma and Jira for the whole BA and PM process.
Content Structures and Dynamic Pages
All variables were defined as separate content structures, easy to enter in the CMS, structured and organised according to the flow agreed with the client.
At the frontend level, the pages were built dynamically, using Axios to fetch data from the structures of content created in the site's pages.
Intuitive Management Console
For the administration console we chose Strapi, one of the easiest and most intuitive open source CMS development technologies.
In addition, to add convenience and speed to content management, we used React Meltdown to render texts on the WhatYouSeeIsWhatYouGet principle.
Used Technologies
- Front end: ReactJS, React-markdown, React-slick, Axios, Sass.
- Back end: Strapi, NodeJS.
Results
- Short development time. It took only one month for the first stage of launching the website, as well as the completion of some functionalities and tasks related to the second stage. All of these translate into the completion of the whole project before the agreed deadline.
- Easy administration console even for a non-technical user, with structured content upload and ease of understanding.
- Dynamic website, which automatically pulls its content without duplicated information in pages or differences between pages with the same content.
- Happy customer :)
Look & feel for the Wemat website was developed by Stirix.
Similar Articles
Want to chat more about this topic or any other topic?
Book a meeting with one of our digital monsters!