Full redesign of the Germany-Netherlands website

(Model of cooperation)
Fixed
(Type)
Web design and modernization
(Industry)
GovTech

We worked with a German digital agency that won a public tender for the modernization of the existing Germany-Netherlands publiccooperation website.

Our main tasks were to make this website look more up-to-date and user-friendly, as well as to facilitate the content publishing process.
(01)
Client
German-based digital project development company that works with GovTech projects
(02)
Request
To modernize the obsolete design and boost the performance of the existing content-heavy website devoted to the German-Netherlands cooperation; to make it possible for end-users to add and update the content on their own without relying on the help of developers. 
(03)
Team
1 tech lead, 1 designer, 2 developers
(04)
Tech stack
WordPressMySQLPHPWPMLBricks BuilderFigma

Project description

Interreg Germany-Netherlands is the organization that supported the further development of the German-Dutch border area between the Wadden Sea and the Lower Rhine.
It backs innovative, green, social projects aimed at strengthening cooperation in the region and its well-being.

The website has a big significance for the community in the region. But the key problem was that it didn’t meet the modern design standards anymore. It felt and looked old-fashioned and the navigation was not intuitively-clear. Plus for the years of existing, it stores a huge amount of posts affecting the workload time and general web site performance.

Interreg Germany-Netherlands wanted to make their website more user-friendly and more appealing to users from different age groups, including young people. That’s why it was highly important to run a redesign and technical optimization to the existing version in order not only to improve its authenticity but also to attract more visitors.

Also, it was necessary to transfer all the content from the old version to the new website and make sure that no data, files, or media would be lost. As some data is stored in external MySQL databases, our team also had a task to make it possible for the website to retrieve the required data from there.

Moreover, there was a vital requirement to move a website on WordPress as namely, this web content management system allows users to seamlessly add content to web pages on their own.

The main challenge was the fact that the project had a tough deadline of just one month and stringent budget constraints. That’s why we needed to rely on strict planning and choose the right tech stack that would ensure fast development.

This project laid a foundation for a valuable long-term cooperation with our customer, who brought us a row of other interesting projects. Thanks to our ties with this client, we got access to state projects in Germany, where the right to work on such projects is provided based on tenders.

Our approach

When the client came to us with the request to modernize the existing solution, the company already had a fixed budget that was established at the tender.
That’s why our team had an important task to estimate whether we could solve the set tasks without overrunning the budget.

We reviewed the ongoing state of the website to find out what and how could be modernized. We also had a Q&A session with the client to get more details about the requirements.

When all the organizational questions were discussed, we proceeded to the design phases. It was broken into a row of iterations with clear delivery dates.

As we had only one monthmouth for the project, we built the flow needed we had to organize the design and development stages in parallel. After the structure of several pages was approved, developers started their work on them, while the designer continued working on other pages, being in direct contact with the client. It helped us to avoid interruptions in the design and development processes and not to lose valuable time.

Within the project realization, we faced some issues, which required some flexibility from our side. The content on the website should be available in three languages (German, Dutch, and English). However, the end client didn’t have the possibility to provide all the Dutch content in time.

Moreover given the fact that we communicated with the Interreg Germany-Netherlands organization via our customer, sometimes the process of getting feedback took more time than usual.  Nevertheless, despite such delays, we managed to finish our work in accordance with set deadlines.

The communication with the client was organized mainly via Slack. For the realization of this project, we didn’t use any task trackers as we fully relied on the set delivery dates. We also maintain the progress tracking by giving updates and loading ready parts of the project for testing and review.

Key features

(01)
Integrations

It was necessary to integrate the website with Interreg’s remote database for getting information about projects and publishing it on the website. The project info should be added to the custom tables that were created via the ACF plugin.

(02)
SEO optimization

The project included basic SEO optimization which presupposed writing titles and meta descriptions to all the pages. We also were responsible for adding a robots.txt file and creating a sitemap in accordance with all modern standards and requirements to drive the website’s rankings.

(03)
Allocation of submissions to recognized bodies

The design of the German-Netherlands Cooperation website has to follow the existing corporate standards of the organization standing behind it. The client asked us to keep the same blocks and colors that the initial version had. To make sure that the modernized website would correspond to the requirements set for the organization’s identity, we also needed to analyze the provided brand book. The end client wanted the website to look modern and professional and at the same time, it had to be simple and intuitively clear.

Our designer, as well as the majority of our specialists, is fluent in English. This allowed us to establish smooth direct communication with the client. Some details were discussed directly in Figma, which helped to greatly facilitate and speed up the process.

(04)
Issuing of certificates

Multi-language support (German, Dutch, and English) was aimed at ensuring an equally seamless user experience for visitors from the Netherlands, Germany, and other countries. The website was very content-heavy (more than 300 articles in each of the language versions). That’s why together with the final client, it was important for us to define the scope of work that could be completed before the release. We defined 50 articles that had to be added by us and started practically a non-stop publishing process which allowed us to meet the deadlines. Working under such pressing conditions could be very stressful. Nevertheless, at UMIND, we have a well-established team. This helped us to organize our processes in the most feasible ways.

To introduce multi-language support, we relied on the WPML plugin for WordPress and combined it with the Bricks Builder.

Need to hire a development team for your project?
Share your requirements with us and all the rest will be our responsibility.
Learn more about our services

Results

Despite the extremely tough deadline, we delivered a final solution without delays and without going beyond the budget.
All the data from the previous website was safely imported to the new version.
Thanks to moving the solution to WordPress, the final client got the possibility to publish content quickly and easily, without the help of developers.
The new German-Netherlands cooperation website is SEO-optimized and demonstrates stable performance even under high loads.
Arne Flick
/Founder rio nord GmbH
“Over the course of my 30ys spanning career in the agency business I’ve collaborated with many agencies yet Natalia stands out.
Natalia’s unwavering integrity and dedication to delivering excellence have made her a truly exception in the UX agency landscape. Her ability to consistently meet deadlines while maintaining the highest quality standards and staying within budget is a testament to her exceptional project management skills. Beyond her technical prowess, Natalia’s emotional intelligence is truly remarkable. This quality allows her to attract and retain top-tier talent in design, programming, and other crucial areas, such as Flutter development. Her positivity and growth mindset create a supportive and inspiring work environment, fostering innovation and problem-solving. When faced with the most challenging projects, Natalia’s unwavering determination and ability to overcome obstacles are truly impressive. Her leadership and guidance have been invaluable to countless clients, and I wholeheartedly recommend her to anyone seeking a visionary and results-driven UX agency leader. I recommend her whole-heartly and am able to respond to requests for a reference for her on Linkedin any time.

Have an idea or question?

Let’s discuss it! Contact us and we’ll get to you within 24 hours.