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.

Manuel Busquet Advocats

admin on 02/01/2023

Client

Manuel Busquet Advocats

Year of creation

2023

Project scope

Custom Web Design Digital Marketing and SEO Web Strategy

Website

mbaadvocats.com

Manuel Busquet Advocats is one of our longest-standing clients, with a collaboration that began in 2012. Coinciding with the 35th anniversary of the Manresa-based firm, they entrusted us with the development of their new website, aiming to update both the design and content structure to meet current needs.

This project posed a significant challenge compared to the first website developed over 10 years ago. The new proposal focused on simplifying navigation, creating an improved content strategy, and enriching the descriptions of legal services. This approach not only optimized SEO but also provided clearer and more detailed information to users.

To achieve this, we opted for an essentially typographic design based on the colors of Manuel Busquet Advocats’ corporate identity, using conceptual images to illustrate different legal areas. This combination provided an attractive visual balance while reinforcing the firm’s professional and serious image.

Typographically, we chose Arsenica Variable for the headings. This serif typeface stands out for its wavy horizontal bars, which add a distinctive and sophisticated touch. Its sober morphology and classic style were ideal for conveying the professionalism and elegance that define Manuel Busquet Advocats.

For the body text, we selected Neue Haas Unica, a modern and versatile sans-serif typeface. With its clean lines and balanced proportions, this font ensures optimal readability, especially for long texts. Its neutral and minimalist appearance makes content easy to understand and maintains a coherent image with the elegant style of the headings.

The combined use of Arsenica Variable and Neue Haas Unica creates a harmonious contrast that highlights the headlines with character while maintaining a smooth and pleasant reading experience for the body text. This typographic choice reinforces the professional and refined image of the website, adding personality without sacrificing clarity.

In terms of color, we sought a balance between the strength of the corporate red, the sobriety of black and white, and an additional very light shade of brown that softens the transition between red and white. The black and white tones were used especially in photographs of the different legal areas and in specific backgrounds, providing coherence and elegance to the overall design.

The final result is a modern, accessible website aligned with the corporate identity of Manuel Busquet Advocats. A clean typographic design and a balanced color palette provide an optimal user experience and a clear presentation of legal services, significantly enhancing the firm’s digital presence.

Clínica Dental Stoma

admin on 27/12/2022

Client

Clínica Dental Stoma

Year of creation

2022

Project scope

Custom Web Design

Website

clinicadentalstoma.es

The new website project for Clínica Dental Stoma was much more than a simple graphic restyling of its previous site. While the content and navigation structure were retained, a completely new design was proposed to resolve usability and organic positioning issues, modernizing its appearance and adapting it to current web design trends. The main goal was to create a smoother, more structured user experience that aligned with the ambiance of the clinic’s physical space.

The website’s aesthetics were inspired by the clinic’s visual elements, particularly the ochre tones and wooden finishes present both on the facade and throughout the interior. These colors bring warmth and contrast with the stark, hospital-like green that dominated the previous site. The green was retained only for links and buttons, achieving a more balanced and welcoming color palette.

Regarding typography, Sanomat was chosen for headings and large texts—an elegant typeface that reinforces the sense of warmth and sophistication with a classic touch. For body text, Montserrat was selected, a sans-serif font that pairs seamlessly with Sanomat and enhances readability in longer texts.

The clinic’s high-quality photography became a key design element. The website was designed to give these images greater prominence throughout, reinforcing the visual experience and immersing visitors in the clinic’s real atmosphere.

Finally, navigation was optimized with a clear and intuitive structure. One of the most notable additions was a fixed appointment request button, accessible from any page of the site. Clicking the button opens a pop-up window with the appointment request form, making the contact process more efficient and user-friendly.

With this redesign, Clínica Dental Stoma’s new website faithfully reflects its brand identity, enhancing its digital presence and providing a more engaging and functional user experience.