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.

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.

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.

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.

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.

World Allergy Organization

admin on 15/10/2019

Client

World Allergy Organization

Year of creation

2019

Project scope

Illustration and Drawing Editorial Design

The World Allergy Organization offered us the opportunity to design five illustrations for a medical guide on allergies. It involved redesigning the diagrams with new drawings and a simpler, cleaner aesthetic to improve the user’s understanding of the content.

It was a very interesting project, as, starting from very simple figures, it was necessary to represent different symptomatologies and actions. The information flow was also restructured to facilitate comprehension.

ITMA Barcelona 2019

admin on 02/07/2019

Client

AMEC (Associació Multisectorial d’Empreses)

Year of creation

2019

Project scope

Custom Web Design Corporate Identity Editorial Design

Corporate identity design, website, and promotional materials were created for AMEC-AMTEX on the occasion of the ITMA international textile machinery fair held in Barcelona.

In 2019, AMEC-AMTEX commissioned us with the most ambitious project to date: the design of the graphic identity to represent the association at the ITMA fair. We were asked to embody the values of innovation, sustainability, flexibility, and service that characterize its member companies.

The first task was to design the event website to promote AMTEX’s presence at the fair. It was built with WordPress, following the functional requirements and the visual style we had previously designed. The website was also intended to serve as a platform for future events.

Additionally, specific promotional elements were designed, such as a brochure in the shape of a sample box where users could view the different participating companies and their locations. Banners in various formats and container tubes for merchandise were also created, in accordance with the established visual style.

Dragonfly Render

admin on 29/04/2019

Client

Dragonfly Render

Year of creation

2019

Project scope

Custom Web Design Corporate Identity

The visually focused website showcased the work as examples of all the services the company could provide.

Dragonfly Render, a newly established company, needed an image that could be applied across different media and a portfolio website to display its completed projects. Since these were architectural render projects, large-scale images were used to highlight every detail.

The overall design used ample white space with minimal text boxes to let the images take center stage. The website’s layout remained simple, with services accessible from the primary menu for easy navigation.

Courses for the Barcelona Chamber of Commerce

admin on 09/07/2018

Client

Cambra de Comerç de Barcelona

Year of creation

2018

Project scope

Illustration and Drawing Training and Educational Content

Since 2015, we have closely collaborated with the Barcelona Chamber of Commerce in creating content, design, development, and delivering tutorials for various online courses specialized in WordPress, online marketing, SEO, Community Manager, and startup creation.

Over the years, we have developed courses that adapt to current training needs, bringing our knowledge and experience in each of the mentioned fields. The course content was created with a practical and didactic approach, based on real cases and the latest industry trends. In addition, custom illustrations were incorporated to facilitate the visual understanding of technical concepts.

An essential part of our collaboration has been the tutoring and follow-up with the students, providing personalized guidance throughout the training process. This commitment has allowed us to establish a relationship of trust with both the students and the Chamber, ensuring that the courses not only convey theoretical knowledge but also serve as a practical tool for immediate application in their professional projects.

Cursos per Cambra de Comerç de Barcelona

PCG

admin on 13/03/2018

Client

PCG Producció i Creació Gràfica

Year of creation

2018

Project scope

Custom Web Design Corporate Identity

Website

pcgprint.com

The project for designing the corporate image and the website for PCG began with a thorough analysis of its identity and the values it wanted to convey. The company was particularly committed to ecological responsibility, a value that had to be reflected in every aspect of its visual communication.

We started by designing the corporate identity, creating a logo and a visual identity that clearly conveyed these values. We focused on using simple shapes, clean lines, and colors associated with sustainability, such as greens and natural tones. The new image was intended not only to represent the modernity and professionalism of the printing house but also to reinforce its commitment to the environment and its investment in eco-friendly materials and processes.

Once the visual identity was defined, we translated it into the website design. A clean, easy-to-navigate website was developed so that clients could easily explore PCG’s services and products. The website was designed using the same color palette as the corporate identity and incorporated graphic elements consistent with the company’s ecological message. Additionally, special attention was given to the visual presentation of products and services, using high-quality photographs and graphics that highlight the final finish and quality of PCG’s work.

The website not only serves as a showcase for its services but also as a platform for the company to communicate its commitment to sustainability through content that reinforces its positioning as a responsible and environmentally conscious printing house.