Eufore

admin on 17/05/2023

Client

European Forest Institute (EFI)

Year of creation

2023

Project scope

Custom Web Design

Website

eufore.eu

The Eufore project (The European Forest Research and Innovation Ecosystem) aims to create a sustainable, transnational, and co-creative environment to define, implement, and evaluate a research and innovation roadmap focused on Europe’s forest value chains. The challenge was to design a website that not only reflected these objectives but also visually conveyed the connection between research, innovation, and sustainability in the European forestry sector.

The website’s design was based on the project’s existing logo, which featured a repeating pattern of trees with a color gradient transitioning from orange to blue, passing through shades of yellow and green. These colors and patterns became the foundation of the site’s visual development. The tree motifs from the logo were creatively integrated with forest imagery in the background, reinforcing the project’s connection to forestry.

Additionally, we designed line drawings representing people and environments, symbolizing the interaction between humans and ecosystems. These illustrations emphasized the project’s co-creative and collaborative approach, adding a visual layer that complemented the themes of sustainability and innovation in Europe’s forests.

Patterns with photos and lines were strategically used in the website headers, giving each section a unique yet cohesive identity. They were also incorporated into infographics and data visualizations throughout the site, reinforcing Eufore’s visual identity and making complex technical information more accessible and engaging.

Through this design approach, the website became more than just an informational platform for the project’s research and development goals. It also served as a visually compelling tool that connected users to the essence of Europe’s forest ecosystems and the ongoing efforts to preserve and innovate within them.

Energiehaus

admin on 05/04/2023

Client

Energiehaus

Year of creation

2023

Project scope

Custom Web Design Corporate Identity Digital Marketing and SEO eCommerce Illustration and Drawing Web Strategy

The new website for Energiehaus, a Barcelona-based architecture and consultancy firm specializing in sustainable architecture and construction under Passivhaus standards, was a complex challenge for us. The new platform needed to integrate a corporate site with multiple services, a Showroom, the Showpass section, an online store for course sales, an events area, and a blog, requiring a comprehensive development process that covered both corporate identity creation and website design and development.

The project began with the creation of prototypes or wireframes to structure the pages clearly and functionally. Intuitive navigation was a priority, allowing users to easily access Energiehaus’ broad range of services. Each section, from the online store to the blog, was designed with its own visual identity while maintaining overall brand coherence.

The client opted for a design based on collages that combined natural elements such as trees and other environmental motifs with black-and-white cut-out photographs. This distinctive aesthetic reinforced the message of sustainability while maintaining a modern and elegant look. We also designed a series of infographics and icons that followed this visual style to clearly and attractively communicate Energiehaus’ services.

Examples of collages created for website headers and elements.

In parallel, we developed a new logo inspired by the Passivhaus concept, where external energy surrounds and benefits the interior of a building. The logo featured a house icon, representing this energy flow in a simple yet powerful way. The contrast between the black logo and the bright yellow surrounding it reinforced the brand’s visual identity, symbolizing the energy that surrounds and protects—an essential element of Energiehaus’ philosophy.

The final result was a dynamic, visually compelling, and highly functional website that perfectly captured the values of innovation, sustainability, and energy efficiency, strengthening Energiehaus’ online presence and improving the communication of its expertise in sustainable architecture.

Holisoils

admin on 22/03/2023

Client

European Forest Institute (EFI)

Year of creation

2023

Project scope

Custom Web Design

Website

holisoils.eu

The Holisoils project website, dedicated to the management of European forest soils, was developed following the existing corporate identity. The project’s logo, symbolizing a fingerprint with circular lines, was a key inspiration for the website’s visual design. We incorporated these lines and leaf profiles as graphic elements to create visual cohesion throughout the site, reinforcing the connection with nature and forest soils.

The website design follows a minimalist approach, with large color blocks combined with striking visuals. These blocks contrast with simple line graphics, creating a balance between visual impact and simplicity, ensuring that information is presented clearly and engagingly for users.

Additionally, a set of custom icons was developed to represent different aspects of the project, along with detailed information sheets for the various Test Sites. These sheets were integrated into an interactive map, allowing users to explore different study areas dynamically and informatively. Dedicated information boxes were also included for the Toolkits, providing practical resources to help users understand and apply the project’s findings.

With this design, the Holisoils website successfully combines a clean and modern aesthetic with a functional structure that makes key information on forest soil management easily accessible. The result is a useful and visually engaging platform for all its users.

Informa Forest

admin on 14/02/2023

Client

European Forest Institute (EFI)

Year of creation

2023

Project scope

Custom Web Design

Website

informa-forests.eu

The Informa Forest project aims to provide knowledge that supports the development of Sustainable Forest Management practices. To achieve this, we designed and developed a website that is not only functional but also visually appealing, aligning with its corporate identity.

Building on the original logo, which consisted of circles growing radially, we created a cohesive visual language for the website, using these circles as key design elements. These shapes were integrated into the presentation of information, such as photographs and highlighted texts, within a layout that conveyed a sense of weightlessness, as if the elements were floating. Colored shadows and small surrounding dots added dynamism to the design, while a soft gray background helped highlight these graphical elements, creating an elegant and subtle contrast.

For this website, we designed a series of custom animations, including an interactive infographic that explains the project’s main objectives. This infographic follows a radial growth pattern, with information emerging from a central circle, visually representing the spread of knowledge. Additionally, the homepage features a dynamic animation where various text messages appear within a circle, reinforcing the project’s visual consistency.

We also designed custom headers for each website section, ensuring that every page had its own distinct identity while maintaining a unified and harmonious overall style.

SUPERB

admin on 31/08/2022

Client

European Forest Institute (EFI)

Year of creation

2022

Project scope

Custom Web Design

Website

forest-restoration.eu

The SUPERB project aims to provide solutions for the restoration of forest ecosystems. Based on the corporate identity provided by the EFI (European Forest Institute), we developed and designed the project’s website, maintaining a graphic style aligned with its values and objectives.

We created highly simplified graphic elements representing different aspects of forest ecosystems, combining them with high-quality images to bring each page to life. These visual elements helped clearly and attractively communicate the importance of ecological restoration, making the website both informative and visually engaging.

Additionally, we adapted the provided icons representing the project’s various activities, adjusting their colors and integrating them into the overall web design. This ensured that all visual content maintained a unified and cohesive aesthetic.

To enhance the website’s interactive experience, we developed an interactive map showcasing the different demonstration areas. This map allows users to explore the locations where restoration activities are taking place, making it easier to understand the objectives and reach of the SUPERB project.

MULTIPLIERS

admin on 26/04/2022

Client

European Forest Institute (EFI)

Year of creation

2022

Project scope

Custom Web Design

Website

multipliers-project.org

The MULTIPLIERS project aims to promote a more engaging and relevant science education for students by connecting scientific concepts with real-world situations. The design and development of this website began with the creation of its main page and later evolved with the implementation of the Open Schooling Hub, a search tool that provides access to educational materials and resources organized by topic, facilitating the discovery of pedagogical tools.

This project already had a logo and a set of pre-designed icons, each assigned to a specific theme with its own color palette. Building on this visual foundation, we created a structure of rectangular shapes that extended both horizontally and vertically, containing the information for each thematic area. These structured elements helped organize content clearly and effectively, ensuring an intuitive and engaging navigation experience.

To enhance the design, we incorporated animated circular shapes along the page margins, adding a playful touch reminiscent of game pieces. This element introduced a sense of dynamism and reinforced the interactive and fun approach of the project. Large icons and rounded, moving shapes were key in creating a visually coherent, engaging, and learning-focused experience.

Luci Gutiérrez

admin on 17/02/2022

Client

Luci Gutiérrez

Year of creation

2022

Project scope

Custom Web Design

Website

lucigutierrez.com

This project involved developing the online portfolio of illustrator Luci Gutiérrez through a digital platform that reflects her artistic career and showcases her work in a clear and structured way. The website was designed with a simple navigation system that allows users to filter projects by type, making it easy for visitors to explore each project and access detailed information.

The client wanted a minimalist website that gave full prominence to her illustrations, with a clean and functional design that avoided any distractions. We focused on a clear visual presentation that highlighted the quality and style of her work, ensuring optimal display across all devices. This simple yet effective approach created an intuitive user experience that emphasized the illustrator’s work.

Càritas Andorrana

admin on 20/12/2021

Client

Pampliega & Associats

Year of creation

2021

Project scope

Custom Web Design eCommerce

Website

caritas.ad

The project for the design and development of Càritas Andorrana’s website was carried out in collaboration with Pampliega & Associats, who had already structured the initial content. The previous website had not been updated or renewed for many years, making it outdated and misaligned both with modern web standards in functionality and accessibility and with the design guidelines of other Càritas websites at the national level.

Since there was no specific corporate manual, we analyzed several Càritas websites across Spain to extract key visual references, such as corporate colors, typography, and graphic elements, which served as a foundation for the new design. Based on these insights, we developed a modern and clear user interface, structuring the pages with a combination of large photographs, solid color blocks, generous white space, and prominent headlines to ensure readability and comprehension of key messages.

A central aspect of the project was the development of the online donation system, a crucial element for the institution as it provides a direct way for users to contribute. This system not only made online donations easier but also streamlined the management of offline donations for the organization.

Finally, we placed special emphasis on presenting the institution’s services with a structure that includes constant calls to action, encouraging users to request help or information quickly and easily.

Circular Bioeconomy Alliance

admin on 10/12/2021

Client

European Forest Institute (EFI)

Year of creation

2021

Project scope

Custom Web Design

Website

circularbioeconomyalliance.org

This web project was developed to enhance the communication of the Circular Bioeconomy Alliance, an initiative committed to the sustainability of European forest ecosystems. Based on the corporate identity guidelines provided by the European Forest Institute (EFI), we created a design that not only adhered to the established visual directives but also introduced new graphic elements to enrich the digital experience.

We incorporated custom icons to clearly illustrate different sections of the website, improving content comprehension. The design was structured around circular elements that appear throughout the site, reinforcing the central concept of circularity and the natural cycles that the organization promotes. These shapes are interconnected by subtle lines symbolizing the connection and interdependence of ecosystems.

The color palette and typography were adapted for web use while maintaining consistency with EFI’s institutional identity, ensuring a cohesive visual experience. The result is a website that offers a fluid and clear reading experience, making information easily accessible.

Currently, all EFI graphic materials, including brochures and other resources, follow this same design approach, establishing a strong visual identity aligned with the Circular Bioeconomy Alliance.

Associació Catalana de Professionals de Joventut

admin on 02/12/2021

Client

Associació Catalana de Professionals de Joventut (ACPJ)

Year of creation

2021

Project scope

Custom Web Design

Website

joventut.info

Our collaboration with the association began in 2018 when we took over the technical maintenance of their old website. In 2021, coinciding with the launch of their new corporate identity, we were commissioned to create a new website that better suited their needs.

The old website had several issues, mainly due to its outdated structure. The most obvious problem was its obsolete design, which no longer reflected the association’s current reality. Additionally, the content distribution was confusing and disorganized, making it difficult for visitors to find relevant information such as the organization’s projects, news categories, or key areas of action.

The goal of the new website was twofold: first, it needed to align with the new corporate identity to strengthen brand recognition through a modern and visually appealing design; second, it required a restructuring of the content through a prior information architecture study, ensuring a clearer hierarchy that made information more accessible and understandable.

The new website also addressed a major shortcoming of the previous version: it significantly improved visibility for calls to action, encouraging new memberships and making the registration process smoother and more direct through the site.

Associació Catalana de Professionals de Joventut