Iron Website and Web Design · 2024
Encontech B.V. Website
- A' Design Award 2024 Iron Winner in Website and Web Design
- Awarded April 15, 2024
- CLIENT: Encontech B.V.
- Estimated Number of Design Views: 49,518
- Verification code E276057056 · Verify this award
About Encontech B.V. Website
It is a company project dedicated to new energy-saving technologies. The design inspiration was drawn from energy transformation, reflected in the animation and simplicity of the interface. The one-page website contains information about the two main developments, application areas, and key clients. The project's uniqueness lies in the visual image illustrating the energy transformation. Brevity and clarity are the main principles of design. This project is a vivid example of the combination of innovation and design.
Press Kit
- Unique Properties
- Encontech is an energy conversion science and manufacturing company with a mission to provide efficient resource utilization and energy conservation for a sustainable future.
- Tags
- energy, Sustainability, Environmental Responsibility, carbon emissions, technology, engines
- Production Technology
- The project focused on the following research areas: stakeholder interviews, competitor analysis, focus groups, etc. We used the following tools: Trello, Miro, Design with Flow Description, web and CJM (customer journey map) in Figma, illustrations and icons in Illustrator, and a structure for events analytics in Google Sheets.
- Design Challenge
- Find a suitable visual image or metaphor to illustrate the transformation of energy from one form to another.
- Project Duration
- The project started in August 2023 in Tbilisi, Georgia and finished in October 2023
- Operation Flow
- At its core, this is a one-page website that briefly describes the two main technological developments of the company, areas of application, and main customers. Users can find more information on the developments themselves, successful cases from recent years, and the latest company news.
- Research
- Interviews with Stakeholders: To better understand business goals and the target audience for the product.
Focus Group: Firstly, it was crucial to identify the main criteria for selecting high-tech partners for future developments, as well as who makes these decisions, such as the chief engineer or the CEO. Additionally, it was essential to understand the problems faced by the target audience.
Other Research: Interviews, feedback from customers, a travel map, data from various sources such as search engines, analytics, and more. - Inspiration
- Explain in simple terms the benefits of using new energy-saving technologies. The transformation of energy is reflected in the animation. When it comes to the design of the user interface, simplicity and clarity were taken as the main guiding principles. The main metaphor used is the transformation of energy from one form to another.
Colors of Encontech B.V. Website
Design Interview about Encontech B.V. Website
The main principle and idea behind my design is to prioritize simplicity and usability in every aspect of the product. As a digital designer, I believe that design should be the primary tool of user interaction at each point of contact, ensuring a seamless and intuitive user experience. This focus on user-centric design helps to maintain the integrity of brand perception, increases user engagement, and stimulates growth. My inspiration comes from a commitment to make the world easier to use through design, creating products that are accessible and user-friendly for everyone. By prioritizing simplicity and usability, I strive to create designs that not only look beautiful but also function flawlessly, providing value to users and businesses alike.
The primary focus in designing this work was to effectively communicate the advantages of adopting new energy-saving technologies in an easily understandable manner. The animation was designed to visually represent the process of energy transformation, highlighting the efficiency and sustainability of these technologies. In terms of user interface design, simplicity, and clarity were prioritized to ensure a seamless and intuitive user experience. The central metaphor utilized in the design is the transformation of energy from one form to another, emphasizing the potential for positive change through the adoption of these technologies. Overall, the goal was to create an engaging and informative design that encourages users to consider the benefits of energy-saving technologies and inspires them to take action toward sustainability.
Moving forward, my vision for this award-winning design with Encontech entails an ongoing process of refinement and expansion guided by user feedback and emerging requirements. Recently, we engaged in discussions with a client regarding incorporating additional website sections and integrating pertinent content to enhance the user experience further.
It took a couple of months to design this particular concept from start to finish. Throughout this time, we conducted extensive research, held brainstorming sessions, and created and refined numerous design iterations. Although it was a lengthy and time-consuming process, each phase was crucial in shaping the final design. Our dedication and attention to detail throughout the design journey ultimately resulted in a product that met and exceeded expectations.
This concept was developed as part of a commercial project. After presenting multiple options to the client, we agreed upon this solution.
Yes, it is a fully functioning website. The client is actively using it in communications with their potential clients and current partners.
Oh, thank you. That's a very interesting question. As a designer, you come into contact with many industries and technologies in your daily life. You know, I've always been interested in energy savings and making a system more efficient. Many scientific and engineering teams worldwide are actively working on the problem of accumulating excess heat from the work of mechanisms and units. Our client has successful developments and applies them in the laboratory and specific cases.
During the design process, I conducted extensive research and analysis of various websites related to sustainability and environmental responsibility. I paid close attention to their approaches to user experience, visual design, and functionality. The design was heavily influenced by the principles of human-centered design and design thinking, which are widely endorsed by designers such as Don Norman, co-founder of the Nielsen Norman Group. The primary objective was to create an intuitive and user-friendly interface that prioritizes the needs and experiences of the users. Additionally, I took inspiration from renowned designers in the field, including Dieter Rams, whose work has significantly influenced my design principles and thinking.
These are different companies in the working cycle, and their temperatures are different. Here are a few industries where the application of such technologies can be very cost-effective: ship engines, water distillation, geothermal energy, data centers, and chemical or metallurgical production.
To explain in simple terms the benefits of using new energy-saving technologies. The transformation of energy is reflected in the animation.
It's the client's company name, which is made up of the words energy conversation technology.
We used the following tools: Trello to manage the development workflow, Miro for the customer journey map, design in Figma, illustrations and icons in Illustrator, and layout of the event analytics structure in Google Sheets.
I built the whole design around the metaphor of energy transformation. Simplicity and functionality - pure energy.
The project focused on the following areas of research: stakeholder interviews, competitor analysis, focus groups, etc. Of course, implementing the design into a working website required the work of a web developer.
Modern web browsers evolve regularly and become more technologically advanced, with support for new features. This makes it possible to create more complex animations on websites and thus increase user engagement. More convenient frameworks appear every year, and development becomes possible in a shorter time and with greater productivity.
Yes, the design was influenced by data and analytical research. To ensure that the design met users' needs and expectations, I conducted extensive research and analysis of various websites related to sustainability and environmental responsibility. The research process included stakeholder interviews, competitor analysis, focus groups, and other methods to gather insights and feedback. This data-driven approach helped inform the design decisions and ensure that the final product was user-centric and effectively achieved its goals.
In designing and realizing this concept, one of the challenges I faced was balancing functionality with simplicity, ensuring that the design remained intuitive and user-friendly while providing comprehensive features.
I was confident that my design possessed the caliber to make a mark and garner recognition at an international level. Viewing it as a chance to gain exposure, glean insightful feedback, and spotlight my talents and ingenuity to a broader community of design fans, I decided to submit it to an international design competition. My goal is to share my work with a diverse audience and spark conversations about the pivotal role of design in achieving business objectives and fostering positive societal impacts.
This project taught me the significance of thinking beyond conventional solutions. I discovered the transformative power of incorporating user feedback and iterative processes into my design approach. It reinforced my belief that adhering to the design process invariably leads to uncovering the most optimal solution, regardless of its classification. Through this experience, I've evolved as a designer, gaining a deeper appreciation for user-centered design principles and expanding my creative repertoire.
I'd like to underscore the significance of ongoing learning and keeping abreast of the industry's newest trends and technologies. Maintaining a growth mindset and actively pursuing avenues for professional advancement is key to staying relevant and innovative as a designer. Moreover, I firmly advocate for the ethos that design should consistently aim to address tangible challenges, foster positive change, and enhance societal well-being.
Grand Interview about Encontech B.V. Website
To develop the visual metaphor for energy transformation, I began by immersing myself in the core principles of the company’s technologies. Understanding how energy flows, transforms, and becomes more efficient allowed me to distill these abstract processes into intuitive visuals. I leveraged dynamic animations and transitions to represent energy flow, using gradients and motion to suggest transformation and efficiency. This metaphor not only visualizes the technical concepts but also engages the user, making complex ideas accessible and memorable. My goal was to ensure that even viewers without a technical background could grasp the innovation Encontech represents.
A single-page format was chosen to streamline user navigation and maintain a clear, cohesive storytelling flow. By presenting the content as a continuous narrative, I ensured that visitors would engage with the company’s innovations without feeling overwhelmed. This format also allowed me to integrate multimedia elements—such as animations and infographics—seamlessly, creating a dynamic experience that combines technical depth with accessibility. For a subject as complex as energy-saving technologies, this approach helped focus attention and reduced the risk of information fatigue.
Stakeholder interviews revealed that high-level decision-makers prioritize clarity, efficiency, and data-driven visuals. This insight guided my design choices, such as incorporating concise yet detailed explanations, interactive graphs, and data visualizations tailored to showcase the impact of the technologies. Focus groups also highlighted the need for a professional aesthetic that conveys trustworthiness and innovation. As a result, I emphasized clean typography, a restrained color palette, and intuitive navigation to align with the preferences of CEOs and engineers who often have limited time for exploration.
The animations were crafted to act as explanatory tools rather than decorative elements. I began by sketching key processes involved in energy transformation and worked closely with engineers to ensure scientific accuracy. Using Figma for prototyping and After Effects for animation design, I created smooth transitions that aligned with the user’s scroll, enhancing interactivity. Each animation was designed to reinforce a specific message, keeping them concise and purposeful, so they complemented the overall user experience without overwhelming the audience.
The primary challenge was translating highly technical information into a format digestible for both technical and non-technical audiences. I addressed this by simplifying jargon, using infographics to break down data, and employing visual storytelling techniques. Collaborating with the Encontech team, I distilled the essence of each technology into key takeaways and paired these with visually engaging animations and diagrams. Testing prototypes with diverse user groups helped refine the balance between technical depth and approachability.
Figma served as the foundation for wireframing, prototyping, and collaboration with developers, ensuring that design elements were responsive and functional. Illustrator allowed me to create high-fidelity vector graphics and infographics, which I then imported into Figma to align with the overall design system. For animations, I used After Effects, exporting them as lightweight assets optimized for web use. This toolchain ensured seamless integration, allowing the visuals, interactivity, and performance to work harmoniously across all platforms and devices.
Sustainability inspired every aspect of the design. The color palette incorporated greens and blues, evoking nature and energy, while gradients symbolized transformation and efficiency. Minimalistic layouts reduced visual clutter, mirroring the company’s value of efficient resource utilization. Additionally, I prioritized lightweight design elements and optimized assets to enhance loading speed and reduce the website’s carbon footprint, aligning the user experience with the company’s sustainable ethos.
Achieving this balance required a dual-layered approach. For technical audiences, I included detailed data visualizations and white papers accessible via links. For non-technical users, I focused on concise text, engaging infographics, and animations that conveyed the core ideas without requiring prior knowledge. By using a modular design, I allowed users to dive deeper into technical content or stay at a high level, depending on their needs.
Tbilisi’s vibrant design culture, with its focus on bold typography and geometric shapes, inspired some of the visual motifs in the project. My international experience brought a global perspective, ensuring that the design would resonate with diverse audiences. This blend of influences allowed me to create a visually distinctive website that adhered to international usability standards while incorporating unique local elements.
The website sets a benchmark for how complex scientific innovations can be communicated in an engaging and accessible manner. By combining visual storytelling with precise data, it not only educates but also inspires action. I hope it encourages other companies to adopt similar strategies, fostering greater awareness of sustainable technologies and driving the shift toward a more energy-conscious future.