Wemat Website Development

codezilla-500x500-1
Codezilla
  • Score Case study score
    5.0
  • Date Published
  • Reading Time 3-Minute Read
wemat-1

Codezilla developed the new website for Wemat Global, a project with many interconnected variables and interesting challenges.

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 one, 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 development of the project 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.

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.
  • A dynamic website that automatically pulls its content without duplicated information in pages or differences between pages with the same content.
  • Happy customer 🙂