iSocial Foundation

admin on 26/11/2023

Client

Fundació iSocial

Year of creation

2023

Project scope

Custom Web Design eCommerce

Website

isocial.cat

The new website for iSocial Foundation is the culmination of a relationship that began in 2018 with the design and development of its first website, a collaboration that has grown and evolved to adapt to the changing needs of the organization.

This update process was marked by the expansion of its activities and the creation of its training campus, a space designed for professionals and social service organizations looking to address sector transformation challenges creatively and innovatively. The new website integrates this campus with an ecommerce platform that makes course registration smooth and entirely virtual.

Beyond the visual update, the project brought significant improvements in navigation, typographic contrast, and information presentation, aiming to simplify user interaction and ensure quick and intuitive access to the resources and content offered by the Foundation.

The final result is a modern and accessible website with integrated ecommerce, aligned with the corporate identity of iSocial Foundation. A clear typographic design, a balanced color palette, and a simplified structure ensure an optimal user experience and a clear presentation of the training services, significantly enhancing the Foundation’s digital presence and making access to courses and resources fast and efficient.

ICC Spain

admin on 23/11/2023

Client

Comité Español Cámara de Comercio Internacional

Year of creation

2023

Project scope

Custom Web Design eCommerce

Website

iccspain.org

The project for the International Chamber of Commerce ICC Spain involved creating a modern and functional website that reflected the institution’s importance and prestige. As part of a global network, ICC Spain needed a website that not only complied with its international corporate standards but also provided specific functionalities for its users, such as advanced search systems, an online store, and a private members’ area.

From the beginning, we designed both the visual layout and the content structure to ensure clear and organized navigation. The goal was to create a website that served as a practical tool for ICC Spain’s users and members, facilitating access to information, resource purchases, and profile management.

For the website design, we followed ICC Spain’s corporate identity guidelines, aligning with the color schemes and formats used in other ICC websites worldwide. However, instead of simply replicating these elements, we adapted and enhanced them. One distinctive feature was incorporating the curved lines from the ICC Spain logo as a design motif throughout the site. These lines were creatively integrated into the layout, adding dynamism and visual coherence. Additionally, images were combined with structured content blocks to present information clearly and engagingly.

One of the website’s key features is the advanced search system, which allows users to find information on various topics related to international trade and ICC Spain’s services. This system enhances navigation and access to relevant content, improving the overall user experience.

We also developed an integrated online store where users can purchase books and other resources related to trade and international regulations. The store features an intuitive catalog, making it easy for users to browse and purchase products quickly and efficiently.

The website includes a private members’ area, where users can register, manage their profiles, and access exclusive content. This section was designed with a strong focus on security and ease of use, ensuring that members could navigate smoothly and manage their accounts independently.

Finally, we implemented an events section where users can find information on seminars, conferences, and other activities organized by ICC Spain. This section features a filtering system that allows searches by topic, date, or other criteria, improving accessibility and content organization.

Overall, the web design and development for the International Chamber of Commerce ICC Spain resulted in a modern, functional platform aligned with international standards while offering advanced tools to enhance user experience and interactions with the institution.

Flors Lloveras

admin on 10/10/2023

Client

Flors Lloveras

Year of creation

2023

Project scope

Custom Web Design eCommerce Illustration and Drawing

Website

florslloveras.com

Flors Lloveras is a florist with a long-standing tradition in Barcelona, known for its attention to detail and the quality of its floral arrangements. The project’s goal was to create a new website that reflected the unique style of the florist while integrating the existing online store, enhancing both its functionality and appearance. The design needed to convey the delicacy and beauty of flowers while providing an intuitive and efficient user experience.

A key element of the design was the incorporation of a series of pencil drawings of floral details, which acted as a unifying thread across all the web pages. These drawings, evoking the delicacy and natural beauty of flowers, served as decorative and cohesive elements, creating a distinct visual identity. Alongside these illustrations, carefully selected photo collages captured the essence of Flors Lloveras’ artisanal work. These images not only showcased the products but also conveyed the atmosphere and dedication of the florist, creating an emotional connection with users.

The color palette was adapted from the florist’s corporate identity, maintaining visual consistency that respected the brand’s identity. Soft and natural tones were combined to create a harmonious and elegant design, in line with Flors Lloveras’ style.

The project posed a particular challenge: the florist already had an online store that the owners wanted to retain. Our task was to adapt the store to the new design, ensuring that the aesthetic change did not affect the functionality or user experience. We also conducted a comprehensive review of the eCommerce platform to ensure it was up-to-date and functioning optimally, both in terms of technical performance and usability.

The result is a website that combines elegant and emotive design with a fully functional online store. This solution allowed Flors Lloveras to maintain an updated digital presence, offering their customers an attractive and user-friendly platform for purchasing their products. The combination of graphic elements, carefully curated photographs, and an intuitive store layout highlighted the artisanal work and dedication of this florist.

Bioregions

admin on 04/07/2023

Client

European Forest Institute (EFI)

Year of creation

2023

Project scope

Custom Web Design

Website

bioregions.efi.int

The Bioregions project promotes circular bioeconomy in European forests, offering an innovative approach to the sustainable management of forest resources. The client’s original website was already built with WordPress but had issues with content organization and information presentation. As a result, it was decided to completely redesign the site, keeping WordPress as the base but using the Gutenberg editor to provide greater autonomy for the client in managing content.

The new design presented a perfect opportunity to create a fresh look that better aligned with the project’s values. We drew inspiration from the Bioregions logo, which features a leaf with lines and rounded points at the vertices. These shapes became the core visual element of the new design, with fine lines that branched and grew into decorative elements such as leaves and dots. These figures were harmoniously integrated throughout the pages, adding dynamism and creating a visual identity that aligned with the themes of bioeconomy and sustainability.

The redesign focused not only on aesthetics but also on improving the website’s functionality. Graphic elements were carefully combined with images and text, creating elegant visual compositions that effectively conveyed the project’s key messages. Each page was designed to have its own unique identity while maintaining a consistent visual theme that reflected Bioregions’ objectives and values.

This approach resulted in a website that is not only visually appealing but also significantly more functional and easier for the client to manage, enhancing the user experience and the presentation of content.

MARQuitectura

admin on 23/06/2023

Client

MARQuitectura

Year of creation

2023

Project scope

Custom Web Design Corporate Identity

Website

marq-sostenible.com

MARQuitectura is an architecture studio based in Barcelona, specializing in sustainable projects with a strong commitment to energy efficiency and responsible resource use. Despite its solid track record in the industry, the studio needed to update its website, which had become outdated both in design and functionality.

The previous website did not adequately reflect the quality and vision of MARQuitectura. Navigation was unclear, as content was split between the main site and an external blog, complicating the user experience and failing to present a cohesive visual identity.

The project focused on a complete website redesign, emphasizing a clean and modern approach to showcase the studio’s projects visually. Large-format images were prioritized, leveraging the high-quality photography of MARQuitectura’s featured projects. These images were combined with subtle visual elements, such as neutral color blocks, which complemented the studio’s corporate palette while maintaining its brand identity.

In addition to the website development, the project included a logo redesign. Based on the original concept, adjustments were made to modernize it and create a softer, more approachable look. The lines were refined into rounded, friendlier shapes, while the typography was updated to convey a more contemporary and professional image.

The new website not only improved the brand’s visual presentation but also simplified navigation and reinforced MARQuitectura’s identity with a more cohesive and polished digital presence.

Tuber Label

admin on 20/06/2023

Client

Jasten Fröjen

Year of creation

2023

Project scope

Custom Web Design

Website

tuberlabel.es

The goal of the Tuber Label project was to develop a website that represented the implementation of technological tools for the truffle sector in Spain. The corporate identity and logo were provided by Jasten Fröjen’s agency. The logo featured a pattern that mimicked the labyrinth-like shapes of truffles, and we decided to expand on this concept in the website’s visual design. Inspired by these forms, we created a series of elements related to the truffle world, giving the project a cohesive and unique visual identity.

For the website’s design, we maintained the established corporate colors, with black as the primary background color. This dark background allowed the pattern and figures to stand out in an elegant and striking way. The use of black not only added a touch of sophistication but also reinforced the visual connection to the organic shapes of truffles, creating a strong and consistent brand aesthetic.

The pattern-inspired figures were strategically placed in the website’s headers, integrating seamlessly into the overall design. These figures, including elements such as a truffle-hunting dog, a spade, and references to gourmet food, reinforced the visual link to the truffle industry, ensuring that the website clearly conveyed its specialization.

This visual approach, combined with a functional structure, effectively conveyed the essence of Tuber Label’s business, highlighting its connection to nature and the artisanal work surrounding truffle cultivation. The combination of a carefully crafted design and the strategic use of visual elements resulted in a website that is not only informative and functional but also highly representative of the project’s identity.

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.