
Plan. Advise. Forecast. Simulate. Assess. Examine
To the websiteConcept Phase for ITA Weimar GmbH
For the renowned engineering measurement technology company ITA Weimar GmbH, which specializes in the measurement of sound waves and the construction of dormitories, we worked intensively during the concept phase to create a website that not only presents their services but also ensures that it can be easily found through search engines.
User-Centered Approach: At the start of our work, it was of utmost importance to ensure that we fully understand what the end users expect and need from the solution. For this purpose, we created user journeys. These helped us align the business logic of ITA Weimar GmbH with the needs of their target audience. Through this method, we were able to ensure that the website is not only aesthetically pleasing but also functional and user-friendly.
Competitive analysis: After we established a suitable user journey, we conducted a competitive analysis. This allowed us to determine how our solution compares to other providers and what our unique selling proposition is. It also gave us the opportunity to gather inspiration for the design phase and understand which projects ITA Weimar has already successfully implemented.
Initial drafts with wireframes: Another important step in our concept phase was the creation of rough wireframes. These sketchy representations of the website helped us to identify potential problems in the concept early on and ensure that the website is both user-friendly and efficiently designed.
SEO optimization: Since the discoverability of the website was of central importance for ITA Weimar GmbH, we began SEO optimization already in the concept phase. We focused intensively on which terms and technologies are best suited to maximize the website's visibility in search engines.
Final Thoughts: The use of pen and paper at this stage may seem traditional, but it allowed us to be flexible and creative and to ensure that the needs of our client were at the forefront. With this solid concept, we are confident that the ITA Weimar GmbH website not only effectively presents their services but also efficiently addresses their target audience.
Visual Solutions with Figma: After identifying the users' problems, we used Figma to visualize the solutions. The right design is crucial on the internet, as users decide within fractions of a second whether a website is appealing or unattractive. Our designs reflected the projects already carried out by ITA Weimar and ensured that the company's corporate identity (CI) is presented in a modern and consistent manner.
Form follows function: We firmly believe that design should follow function. Therefore, our designs are not only aesthetically pleasing but also functional and user-friendly. We always strive to make our software as intuitive as possible.
Modern Design Systems: To ensure a consistent and user-friendly experience, we strictly adhere to modern design systems like Material Design. These systems help us make our websites recognizable and easy to use.
Mobile Design and Responsiveness: Since 70% of website visits come from mobile users, we place great emphasis on mobile design and responsiveness. Our designs are crafted to be optimally displayed on various devices and screen sizes without losing quality or user-friendliness.
Target Audience-Oriented Design: We always consider the target audience and ensure that the design matches the predefined personas. For ITA Weimar, it was important to appeal to both engineering professionals and potential customers looking for specialized measurement services.
Final Thoughts: The design phase was an opportunity for us to translate the needs and expectations of ITA Weimar into a visually appealing and functional website design. With our user-centered approach and expertise in modern design practices, we are confident that the new ITA Weimar website will effectively engage its target audience and further strengthen its market position.
Used technologies:
CSS & Tailwind: With CSS and the Tailwind framework, we created a responsive design that adapts to different screen sizes while providing a modern and appealing appearance.
HTML: As the basis for the website structure, we used HTML to ensure that the content is correctly structured and optimized for search engines.
Javascript & Jquery: These technologies enabled us to implement interactive elements on the website and improve the user experience. With jQuery, we were also able to accelerate development and optimize the code.
Simplicity as a guiding principle: Our guiding principle in this project was to keep things as simple as possible. We know from experience that unnecessary complexity not only extends development times but also increases costs. To ensure the success of a project, we place great emphasis on the user experience and choose the technology based on the project's requirements.
Optimization with GitHub's Copilot: By using advanced tools like GitHub's Copilot, we were able to continuously optimize our development process. Copilot helped us write more efficient code while implementing innovative solutions.
Project result: The project was delivered on time and within the specified budget. Our customer-oriented approach, combined with our technical expertise, certainly contributed to ITA Weimar GmbH receiving a website that meets their requirements and effectively presents their services.
Final Thoughts: The development phase was an opportunity for us to transform the needs of ITA Weimar into a functional and user-friendly website. With our commitment to simplicity, efficiency, and innovation, we are confident that the new ITA Weimar website will effectively engage its target audience.
