Desent
Revincus GmbH

Waste water. Heat. Recovery.

The website can be translated into multiple languages and includes complex animations.

To the website

Concept

Disclaimer: The concept as well as the design was predominantly developed by the Revincus themselves.

Technology and tools:

During this phase, we used Miro as the main tool for concept development. Miro allowed us to visually represent ideas, share them, and discuss them in real-time with the team and the client.

User Experience and User Journeys:

A central element of our concept phase was to ensure that we understand exactly what the end users expect and need from the solution. For this purpose, we created user journeys. These journeys helped us align the business logic of Revincus GmbH with the needs and expectations of the end users. Through this method, we were able to ensure that the website is not only informative but also user-friendly and intuitive.

Competitive analysis:

To ensure that our solution stands out from others, we conducted a competitive analysis. This not only gave us insight into what is already available on the market, but also inspiration for the design phase. With this knowledge, we were able to formulate a unique value proposition for Revincus GmbH and ensure that their website stands out in the industry.

Wireframes and concept validation:

Another important step in our concept phase was the creation of rough wireframes. These wireframes helped us visualize the structure of the website and identify potential issues in the concept early on. It also allowed us to receive feedback from Revincus GmbH and ensure that we are on the right track.

SEO optimization:

Since visibility in search engines is crucial for the success of a website, we have already started with SEO optimization in the conceptual phase. We have focused on selecting the right wording and technology to ensure that the website of Revincus GmbH is easily found by its target audience.

Backend development:

Another highlight of our project was the development of a backend for the website. This allows Revincus GmbH to easily manage information and ensure that their website is always up to date.

Results of the concept phase:

Through our detailed and methodical approach in the concept phase, we were able to create a solid foundation for the development of the Revincus GmbH website. We not only have a clear idea of how the website should look and function, but also how it can stand out from the competition and provide real added value for end users.

In summary, the concept phase for the project of Revincus GmbH was not only a phase of idea generation, but also of validation, optimization, and strategic planning. With a clear understanding of the customer's needs and the end users, we are confident that the resulting website will meet expectations and help Revincus GmbH successfully present their innovative solution.

Miro
Miro
Pen and Paper
Pen and Paper

Technology and tools

For the design phase, we used Figma, an advanced design tool that allowed us to create interactive prototypes and optimize the user experience (UX). Figma was crucial in ensuring that the design was both aesthetically appealing and functional.

Exploration and identification of user problems

Before we started with the actual design, we extensively dealt with the problems and needs of the users. This helped us create user journeys that represent the path of a user through the website and ensure that they have an intuitive and pleasant experience.

Importance of the right design

On the Internet, users decide in a fraction of a second whether they find a website appealing or unattractive. Therefore, it was of the utmost importance to develop a design that not only effectively conveys the message of Revincus, but also appeals to the users. An essential part of the design phase was the review and adjustment of Revincus' corporate identity (CI) to ensure that it is up-to-date and fits the solution.

Form follows function

We firmly believe that design should follow function. This means that we always strive to make our software as user-friendly as possible. We strictly adhere to modern design systems such as Material Design. Such design systems help us make our websites recognizable and easy to use.

Mobile design and responsiveness

In today's time, 70% of websites are visited by mobile users. Therefore, we have prioritized mobile design and responsiveness from the beginning. The website for Revincus has been designed to work equally well on different devices, from desktops to smartphones.

Target audience-oriented design

It was also important to keep the target audience of Revincus in mind. We made sure that the design corresponds to the predefined individuals and reflects their needs and preferences.

Backend integration

In addition to the frontend design, we have also developed a backend that allows Revincus to easily manage information. This gives them the flexibility to update content as needed without relying on technical support.

Conclusion

The design phase was a critical step in the development of the website for Revincus GmbH. Through our thorough approach and the use of advanced tools and technologies, we were able to deliver a solution that is not only aesthetically appealing but also provides users with an optimal experience.

Figma
Figma

Technologies and their application:

Django: As one of the leading web frameworks for Python, Django enabled us to create a robust and secure backend structure for the website. It provided us with the flexibility to develop custom solutions for Revincus GmbH and ensure that the website is both scalable and easy to maintain.

Wagtail: This CMS (Content Management System) was built on Django and allowed the team at Revincus GmbH to easily manage and update content. With Wagtail, the company was able to add, edit, or delete content without any technical knowledge.

Tailwind: A utility-first CSS framework that helped us create a modern and appealing design for the website. With Tailwind, we were able to ensure a consistent and responsive design that is perfectly displayed on different devices and screen sizes.

HTML: The foundation of every website. We have used clean and semantic HTML code to ensure that the website not only looks good but is also optimized for search engines.

Our service approach:

Our guiding principle in this project was simplicity. We have found that unnecessary complexity not only prolongs development times but also increases costs. Therefore, we focused on prioritizing the user experience and reverse-engineering our approach to identify the most suitable technology.

By using advancements like GitHub's Copilot, we were able to continuously optimize our development processes. This underscores our commitment to efficiency and innovation. It allowed us to receive real-time code suggestions, which accelerated development and improved code quality.

Results and findings:

During the development phase, we found that the combination of Django and Wagtail provided a powerful solution for the requirements of Revincus GmbH. The ability to easily manage content without having to access the technical side was a decisive advantage for the company.

Another important aspect was the responsiveness of the website. In today's digital era, it is essential that websites function flawlessly on various devices, from desktops to mobile phones. With Tailwind and our focus on clean HTML code, we were able to successfully implement this.

Finally, we can proudly report that the project was delivered on time and within budget. This reflects our commitment to providing our customers with high-quality services while respecting costs and timelines.

Overall, this project was proof of our ability to effectively use technology to meet the specific requirements of a customer, and we look forward to realizing more successful projects for our clients in the future.

Django
Django
WagtailCMS
WagtailCMS
TailwindCSS
TailwindCSS
HTML5
HTML5