Once the expected functionality had been defined, we moved on to the UX design phase. As a result of this stage, we prepared 20 page layouts designed to present different types of content across the website. These layouts were built using nearly 40 reusable components, ensuring flexibility and consistency throughout the entire system.
Based on the UX wireframes and the existing Data Wizards brand color palette, we then developed the user interface (UI). Our work in this phase included designing a dedicated icon set, selecting typography for the entire website, and preparing custom animations for the hero sections of the site.
The entire visual design process was conducted in close collaboration with the client’s internal team, which included the Marketing Director, Brand Manager, and the graphic designer responsible for the brand’s visual identity. Through this coordinated workflow, we were able to create a visual layer that remained fully consistent with the existing brand identity, while introducing the new functional and design elements required for the project.