Wildcard Project

admin on 04/04/2024

Client

European Forest Institute (EFI)

Year of creation

2024

Project areas

Custom Web Design Illustration and Drawing

Website

wildcard-project.eu

Wildcard Project is a European Forest Institute initiative focused on the natural regeneration of affected ecosystems, promoting biodiversity restoration and the balance of forest environments. The website design needed to reflect this vision of renewal and environmental connection while maintaining coherence with the project’s corporate identity.

One of the defining aspects of the design was the use of collages and infographics, which visually conveyed key concepts about ecosystem restoration. To ensure visual consistency, we unified the collages with a consistent color palette, rounded shapes, and soft lines. This combination helped maintain a harmonious look throughout the site, creating a visually engaging and smooth user experience.

The final result is a website that blends creativity, functionality, and strong visual identity, providing a platform that not only communicates the mission of Wildcard Project but also inspires visitors to understand the importance of restoring damaged ecosystems.

From the start of the project, we opted for a visual approach that evoked forest ecosystems through a collage that symbolized the diversity and complexity of forests. To bring this concept to life, we carefully selected a mix of photographs, textures, and colored shapes that represented the richness of natural landscapes. These graphic elements were consistently used across the site, creating a cohesive and dynamic visual aesthetic that captured the essence of the project.

The corporate colors of Wildcard Project served as the foundation for the design, though we had creative freedom to develop additional graphic elements. This flexibility allowed us to explore bold combinations of textures and colors, reinforcing the project’s distinctive character. Nature-inspired images, organic shapes, and earthy tones were integrated to bring to life the concept of regeneration and natural growth.

A key feature of the website was the integration of videos as background visuals, framed by color strokes that acted as borders. This added dynamism to the user experience, making the site more immersive while emphasizing the project’s key visual elements. The videos vividly showcased ecosystems in the process of regeneration, perfectly aligning with the mission of Wildcard Project.

Clínica Dental Oriol Cantó

admin on 12/03/2024

Client

Clínica Dental Oriol Cantó

Year of creation

2024

Project areas

Custom Web Design

Website

clinicaoriolcanto.com

The new website for Clínica Dental Oriol Cantó was developed based on its corporate identity, maintaining essential graphic elements and adapting them to a modern, accessible digital environment. The main objective was to create a clear and seamless user experience with a design that conveys professionalism and warmth while optimizing readability and website navigation.

The website’s structure was defined following initial prototypes, but during the design process, improvements were introduced to enhance the user experience. The layout was designed to be clean and well-organized, incorporating the rectangular shapes from the clinic’s logo into various graphic elements, such as buttons and images, reinforcing the clinic’s visual identity and brand consistency.

One of the key aspects of the project was typography selection. The clinic’s logo features the Klavika Basic typeface, a strong and modern font that was retained for headings. However, due to its limited readability in smaller text sizes, Aktiv Grotesk was chosen as the secondary typeface for body text. This decision improved readability and ensured an optimal experience for all users.

Additionally, a central body text size of 24 pixels was used, exceeding the standard size to improve readability and ensure optimal accessibility. This choice was particularly relevant given the clinic’s commitment to providing care for people with special needs. As a result, the website met AA accessibility standards.

The website’s color scheme was based on the clinic’s corporate colors, with blue and dark gray as the primary tones. However, to prevent the design from appearing too sterile or cold, a range of warmer shades was incorporated. This combination not only added variety and balance but also reinforced a sense of approachability and comfort, essential values in healthcare services.

The final result was a modern, dynamic, and visually engaging website, aligned with the values and identity of Clínica Dental Oriol Cantó. A clear structure, optimized typography, and a balanced color palette significantly improved the user experience and ensured easy, intuitive access to all information.

This project marked a major upgrade in the clinic’s digital presence, providing a functional website that aligns with its current needs while maintaining its essence and strengthening its image of professionalism and approachability.

Verificat

admin on 19/02/2024

Client

Associació Verificat

Year of creation

2024

Project areas

Custom Web Design Digital Marketing and SEO Web Strategy

Website

verificat.cat

Verificat is a digital media outlet dedicated to fact-checking, a crucial aspect in today’s information era, where the spread of fake news and misinformation demands rigorous and specialized work. The goal of the project was to modernize its online platform to improve usability, adaptability, and better highlight its role in news verification.

Regarding the design, we maintained the core corporate identity while introducing significant improvements in usability and digital adaptation. One of the main modifications was a typography change, selecting one better suited for the web environment, enhancing both readability and the overall aesthetics of the site. The design followed a clean and functional approach, aligned with Verificat’s values of clarity and accuracy. A structured layout was prioritized to allow quick identification of content sections and ensure easy access to fact-checked articles.

The project was developed in two distinct phases:

In the first phase, we focused on the full migration of the website. Verificat had a site built with Expression Engine, and the primary challenge was transferring all content and structure to WordPress. This process included exporting all articles while ensuring they retained their original categories to preserve content organization. Additionally, new templates were created to adapt to different page types.

Once the website was successfully imported into WordPress, we moved on to the second phase, which involved implementing the new design. The goal was to optimize the navigation structure and reorganize content to enhance the user experience. A new content hierarchy was established, allowing for smoother navigation while clearly emphasizing Verificat’s work. The revised structure not only made information easier to find but also highlighted the key areas of Verificat’s fact-checking efforts.

For the layout, we used Gutenberg, the native visual editor of WordPress, which allowed us to create a flexible modular system. We developed various reusable modules for different pages, aiming to make it easier for the Verificat team to create new pages and sections in the future without needing external technical assistance. This modular approach gives them greater autonomy in managing and updating content as their work evolves.

The final result is a modern, intuitive, and easy-to-manage website that not only improves the presentation of information but also strengthens Verificat’s identity and mission as a reference in fact-checking.

Santacreu Design

admin on 02/02/2024

Client

Santacreu Design

Year of creation

2024

Project areas

Custom Web Design

Website

santacreudesign.com

Santacreu Design is an interior design studio based in Barcelona, recognized for its focus on creating elegant and functional spaces for dental clinics, opticians, and offices. The first version of their website was developed in 2015, and while it met expectations at the time, particularly in terms of design and SEO, an update became necessary to adapt to a more modern and functional format. The goal of the redesign was to leverage the technical advantages of WordPress using the Gutenberg editor while aligning the website’s aesthetics with the studio’s new corporate identity.

With the brand identity update, the website design needed to reflect a renewed image with a more contemporary style. A new color palette, inspired by earthy tones, was chosen to convey a warm and sophisticated feel that matched the essence of Santacreu Design’s projects. For the visual style, a minimalist approach was taken, with project photography arranged in column structures, giving greater prominence to the images and allowing the details of the studio’s work to stand out as the main visual elements.

The website update also included a new presentation of the studio’s projects. The image sizes were increased, enhancing both quality and visual impact, allowing visitors to better appreciate the details and finishes of the interior design projects, reinforcing the perception of quality and professionalism that defines Santacreu Design.

Another key improvement was the optimization of the project search system. The way projects were organized was restructured, grouping them into categories to make navigation more intuitive and accessible. This allowed users to easily find the projects that interested them while also providing the client with an efficient tool to showcase their portfolio in a clear and categorized manner, improving the site’s overall usability.

Overall, the new website design for Santacreu Design not only delivered a visually updated look in line with the brand’s new identity but also significantly enhanced user experience and site functionality.

Hachazuela

admin on 10/12/2023

Client

Hachazuela

Year of creation

2023

Project areas

Corporate Identity Custom Web Design eCommerce

Website

hachazuela.com

The Hachazuela project involved a complete digital identity revamp, starting with a refreshed logo and continuing with the design of a new e-commerce platform aimed at improving user experience and streamlining the purchasing process. The main goal was to achieve a balance between originality and functionality, ensuring the workshop’s unique character stood out without compromising usability.

The website’s design was developed around a warm and neutral color palette, creating an appealing yet distraction-free visual environment. The approach prioritized clarity and cleanliness, with intuitive navigation and ease of use as key factors in enhancing the shopping experience.

For typography, two fonts were chosen to provide both personality and readability. Queens Condensed Light was used for headings and highlighted texts, an elegant display typeface with strong visual presence, whose condensed format is particularly effective for mobile versions. As a complement for body text, Brown Pro was selected, a slightly condensed sans-serif font that ensures comfortable and fluid reading in both uppercase and lowercase. The combination of these two fonts established a clear and effective typographic hierarchy.

The website’s architecture was designed with a high-impact homepage, capturing the user’s attention while conveying the workshop’s values. Across the rest of the site, the focus was on clean design, generous white space, and efficient navigation, ensuring that products were easy to find and the checkout process was seamless and frictionless.

For the logo, the design was developed based on the Arsenica Variable display typeface, adapting some of its characteristics to achieve a more distinctive identity. The undulations in the horizontal strokes, subtly reminiscent of wood grain, served as a starting point to reinforce the connection with Hachazuela’s craftsmanship, clearly distinguishing it from the previous version displayed on the website.

The final result is an attractive, highly functional e-commerce platform with a strong graphic identity and an optimized user experience, transforming Hachazuela’s new website into an intuitive, high-quality digital showcase that aligns with the craftsmanship and excellence of its products.

iSocial Foundation

admin on 26/11/2023

Client

Fundació iSocial

Year of creation

2023

Project areas

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 areas

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 areas

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 areas

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 areas

Corporate Identity Custom Web Design

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.