Datamolino

We kicked off the project with a series of in-depth discussions with the Datamolino team to fully understand their objectives and expectations. We conducted an audit of the company’s existing visual communication and website, identifying key areas for improvement. The website had a somewhat cluttered appearance and lacked a clear visual language. We also uncovered some structural issues and inconsistencies in hierarchy and the use of web modules.

As part of the prep phase, we conducted a half-day brand sprint workshop with Datamolino’s leadership team. The goal was to distill the essence of the brand and define the trajectory for its future brand strategy. Through structured exercises, we explored the company’s core values, unique selling points, and target audiences. The brand sprint played a crucial role in shaping the visual language, tone of voice, and copywriting direction, while also ensuring alignment on expectations for the website redesign.

Following the brand sprint, we initiated the exploratory phase, creating mood boards, experimenting with various concepts, gathering feedback, and ultimately conceptualizing Datamolino’s new brand identity.

For the Datamolino brand, we incorporated custom illustrations as a key visual element to define its identity. We crafted a unique set of hand-drawn illustrations and pictograms, creating a cohesive library designed to unify and enhance the website’s visual language.

Our goal was to accurately reflect Datamolino’s industry—accounting—while capturing the essence of the brand. We ensured that the illustration style not only resonates with the target audience but also effectively communicates the product and its benefits.

Simultaneously, we began drafting the initial wireframes for the new website, focusing on content layout, functionality, and information flow—without incorporating design elements yet. We developed modular website components that adapt to various content needs and usage contexts, ensuring consistency across different sections.

Compared to the previous layout, we introduced a clearer hierarchy for subpages and modules, improving navigation and user experience. At this stage, we also started drafting the preliminary web copy. Through iterative feedback rounds with the team, we fine-tuned the wireframes, getting them ready for the website’s visual and technical development.

In this phase, we focused on crafting clear, compelling copy that effectively communicates Datamolino’s value propositions, makes key information easily accessible, and is optimized for search engines.

In many instances, we only refined the existing content—simplifying text, crafting catchier headlines, and improving structure for better flow. The tone of voice was shaped to reflect Datamolino’s brand personality: simple, straightforward, no-fluff, yet friendly and helpful. Through several feedback rounds, we fine-tuned the messaging to ensure clarity, impact, and resonance.

Time to bring the wireframes to life with design. We developed a web design system to ensure all visual components follow a clear hierarchy. The system includes a comprehensive typography library for consistency and readability, vector illustrations, and defined headline, color, and padding hierarchies, streamlining development and implementation.

Both desktop and mobile versions were designed and optimized for flawless responsiveness across all devices. The final design is clean, human-centric, and approachable, creating a welcoming experience for visitors.

The final stage of the project was turning the approved web design into a fully functional website. We developed the website on WordPress, featuring a custom-coded visual editor with an intuitive user interface, allowing the Datamolino team to easily edit content and create new landing pages.

Each section was uniquely styled and optimized for fast loading and peak performance. We strictly adhered to the design specifications, ensuring a 1:1 match with the original design in Figma. Finally, we conducted comprehensive website optimization, including technical SEO, to ensure a fully responsive and properly configured environment.