Dmente

admin on 06/06/2024

Client

Dmente

Year of creation

2024

Project scope

Corporate Identity Custom Web Design Illustration and Drawing

Website

dmenteloc.com

Dmente is a company specializing in location scouting and management for film, television, and commercial productions. With extensive experience in the audiovisual sector, Dmente aimed to renew its online presence to project a more professional and appealing image to its current and potential clients.

The previous website, created internally by the company, had significant design and usability issues, failing to properly reflect the quality of its work and its industry reputation.

The project began with a complete restructuring of the website, designing a new content architecture that improved navigation and clearly highlighted the services offered by Dmente.

The primary focus was organizing information so that visitors could easily explore different location types and learn about the audiovisual projects the company had worked on, including films, series, and advertising campaigns. To achieve this, a content structure was developed that clearly divided the services and showcased location images alongside details of the productions they had contributed to.

For the visual design, a minimalist and elegant style was chosen, based on a monochromatic black-and-white palette. This strong contrast allowed the large-format location images to take center stage. Structured visual blocks contributed to a sense of order and professionalism, reinforcing Dmente’s position as a reliable and experienced player in the audiovisual sector.

One of the final tasks was redesigning the iconic illustration of monkeys with cameras, a visual element the client wanted to retain. The updated illustration maintained the original concept but with a more stylized and cohesive look that aligned with the website’s overall aesthetic. The graffiti-style execution was intended to reflect Dmente’s dynamic nature, as if it were an element found in a real filming location.

Detall disseny web pàgina interior Dmente

In addition to web design, logo creation was also part of the project, as the company lacked a defined visual identity.

Following the global aesthetic of the website, we developed a logo proposal that combined simplicity with strong character.

We played with the “D” in the name, placing it at the beginning as the sole symbol, eliminating empty space, and highlighting its external shape. We also adjusted the spacing between the “D” and “mente” to create a balanced visual feel while maintaining uniform letter spacing. This resulted in a solid and minimalist logo.

The logo design not only complemented the website’s style but also reinforced the overall brand identity.

Transformit

admin on 05/05/2024

Client

European Forest Institute (EFI)

Year of creation

2024

Project scope

Custom Web Design

Website

transformforests.eu

Transformit is an initiative by the European Forest Institute focused on sustainable forest management, biodiversity conservation, and the promotion of ecosystem services. Its primary goal is to protect Europe’s forests through innovative and collaborative approaches that support nature conservation.

For the homepage, we designed an animation where various graphic elements move, reinforcing the idea of transformation in forest management. This animation not only adds dynamism to the site but also captures the innovative spirit of the Transformit project.

We also integrated an interactive map displaying the different “Living Labs,” specific areas where concrete actions are carried out for biodiversity conservation and the development of sustainable forestry practices. This map allows users to explore the different regions and access detailed information about the work being conducted in each area.

The final result is a website that combines an engaging visual experience with intuitive navigation, effectively spreading awareness of the Transformit project’s initiatives.

Our role was to design a website that reflected these values and served as an effective platform for communicating the project’s actions and outcomes.

We built upon the existing corporate identity and the central idea of the logo, which evokes the image of a stained glass window where various elements interconnect through lines that define their shapes. This visual metaphor inspired the design concept, where website images are framed in ways that mimic the effect of stained glass. This approach is not only visually appealing but also ensures coherence with the project’s graphic identity.

The website’s graphic style follows a minimalist approach, featuring large blocks of color that contrast with striking images, creating a balance between clarity and modernity. Simple line graphics integrate seamlessly with these visual elements, reinforcing a clean and contemporary aesthetic. This approach highlights the project’s core values, such as sustainability and ecosystem conservation.

Overall, the website not only conveys the importance of forest conservation but also serves as an effective communication tool for the Transformit project’s efforts.

Wildcard Project

admin on 04/04/2024

Client

European Forest Institute (EFI)

Year of creation

2024

Project scope

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.

Verificat

admin on 19/02/2024

Client

Associació Verificat

Year of creation

2024

Project scope

Custom Web Design 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 scope

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.

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.