QSL Serveis Culturals

Experiences

QSL Serveis Culturals

Design and development of the new QSL website as part of the revamping of the corporate image of this organisation founded in 1995 that manages public service projects in the areas of culture, education and participation.

QSL Serveis Culturals

The project is the culmination of a relationship that began years back with the design of QSL’s new corporate identity.

We had to deal with a web with multiple shortcomings, since the design was outmoded and also unresponsive, with poor SEO positioning: it had no meta tags, the content was indexable, and while the organisation is an important one, the web enjoyed scant presence in terms of Google search hits.

Our first job was to create a new web using WordPress to solve the above problems, a web that fit the organisation’s new corporate identity perfectly. Above all, we wanted it to display, in a straightforward and user-friendly way, the entire range of its areas of work, the services offered and finally the most outstanding projects executed in each area or service.

QSL Serveis Culturals

What we normally do with this type of project to accomplish the objectives effectively is to restructure the creation of the web into a set of consecutive work stages beginning with the analysis, strategic definition and prototyping (wireframing) of the web.

Wireframes are proposals for the structure and layout of the information before design, enabling us to produce the web with the overall strategy in mind first, as well as content hierarchy and information paths.

QSL Serveis Culturals

The strategic definition and wireframing yield a genuine and personalised design that sits perfectly with the new corporate image and in which the areas that QSL wants to focus on are highlighted: new developments and current events, areas of work, services provided and projects executed.

QSL Serveis Culturals

For the Services section we also designed a set of illustrations that boosts the web’s personality even further and which would have been difficult to achieve using resource pictures.

QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals

Similar projects

8 Artist Management

Experiences

8 Artist Management

Creation, using WordPress, of the 8 Artist Management corporate website, designed fundamentally with the portfolio of the artists that the company represents in mind, showcasing their photographic and video projects. The project also included the redesign of the logotype, defining an overall corporate image.

8 artist management

8 Artist Management is an agency that represents photographers, videographers and stylists in Spain and abroad. The company’s website had encountered problems in adapting to the new WordPress formats whereby, making the most of an evolution inside the actual company, a new web was produced, with a structure that enables new artists to be added while also making it easier to include their projects on a continuous basis.

The new web’s architecture was designed to group artists into categories according to their speciality, each one with their own individual page and projects based on a data card-type format.

A very simple design style was chosen, because the web is intended to present a great deal of graphic information depicting the clients’ portfolios. One of the main graphic aspects taken into account was line spacing between titles, which was adjusted so that the lines of text were joined together, forming a logotype-like graphic unity with the name of each one of the artists.

The logotype was also redesigned using a thinner font body and a bigger separation between letters. This afforded the web’s overall design greater consistency.

8 artist management
8 artist management
8 artist management

Similar projects

Euniv, European University

Experiences

Euniv, European University

Design and development of the European University (eUniv) website using WordPress. The objective of the project is to afford greater visibility to this online university and to help to display all its training information in a structured fashion.

eUniv, Univesitat Europea

The eUniv website project was undertaken on the premise that it had to be a platform that would enable them to grow and also display a whole ensemble of content they had restructured from their old web, particularly the University’s organisational model and its entire training offer.

We used this content to deploy a forward-looking website, with total flexibility to be able to display new content or to adapt the importance of certain sections as the project gradually grew.

Pantalla web de eUniv, Univesitat Europea

We were given some corporate design guidelines that had to be observed, such as the icons representing training or drop caps (initials).

We used this to develop other graphic elements: backgrounds with lines and dots, items with rounded edges, colour palette, etc.

Página principal de eUniv, Univesitat Europea

The client needed an individual colour gamut for each area in the training section, as well as an illustration created specifically for each sector. Therefore, each drawing received a different graphic treatment, and the leitmotif used was the three base rectangles that would correspond to the courses in ascending order: Bachelor, Master and PhD.

These shapes change colour according to the type of training. We used vector graphics, pencil, marker pens or watercolour for the illustrations.

Ilustración web eUniv
Ilustración web eUniv

Ilustración web eUniv
Ilustración web eUniv

Ilustración web eUniv

Pantallas web de eUniv, Univesitat Europea

Similar projects

23:45 Arquitectes

Experiences

23:45 Arquitectes

SEO audit and strategic analysis, content creation, design and development of the website using WordPress for the Barcelona 23:45 Arquitectes practice. Two of the challenges we faced here were revamping the web’s design and improving its positioning in order to attract higher-quality traffic.

2345 Arquitectes web

When we were asked to revamp the firm’s web, we faced several challenges, since the site had major issues: an outmoded, non-100% responsive design, pages with hardly any text content and a URL without a keyword, which substantially impacted its positioning.

Another challenge with the new web was to attract quality traffic in order to bring the firm closer to its target client.

2345 Arquitectes web

We began with an SEO audit to identify all the problems that had to be solved and to avoid making the same mistakes. We defined the objectives of the website and the target search segments.

We analysed its position, competitors, keywords, we prepared the SEO on page of the pages, etc. The report served to define the web’s ultimate content tree.

2345 Arquitectes informe SEO
2345 Arquitectes web

Before designing the web, we produced the prototypes or wire frames, proposals for the structure and the layout of information on a by-page basis with the type of resources that will be necessary.

These proposals, which have neither design nor content, allowed us to design the new web with the global strategy in mind, reinforcing the information paths we were most interested in and helped us to achieve our objectives.

2345 Arquitectes responsive

Similar projects

Florcare, online store

Experiences

Florcare, online store

Creation of the website with an online store using WordPress and WooCommerce for Florcare, a social economy and ecological project based on the sale of sustainable plants and products. We created a set of illustrations to lend even greater personality to the website’s design.

Florcare, tienda online | Ideamatic

Florcare is a social economy and ecological project and a site for selling plants and sustainable products. We created a web for them with WordPress plus an online store with a totally customised design.

The illustrations that we produced are based on a comic-like style of plants that transform into superheroes, resulting in not just any old plant store but one with a social benefit for kids at risk of exclusion who grow and sell the flowers, whereas the person who buys from them feels that they have the power to change these kids’ situation.

Pantalla Florcare, tienda online | Ideamatic
Pantalla Florcare, tienda online | Ideamatic
Pantallas Florcare versión responsive, tienda online | Ideamatic

Similar projects

Progetic and Solgetic webs

Experiences

Progetic and Solgetic webs

Corporate image design and creation of the websites of Progetic and Solgetic, two twin-companies that specialise in offering engineering and consultancy services in the construction of sustainable buildings, which is why we used the three pillars of sustainability as our work premise.

Web Progetic y Solgetic | Ideamatic

Progetic and Solgetics are two twin engineering and consultancy companies that specialise in healthy buildings. This was a comprehensive project which began with the revamping of the corporate image, logotype and global image.

The second phase involved the development of the webs based on this image and are corporate webs which showcase mainly their projects. These projects are also growing all the time because an online training course section is currently being implemented.

Web Progetic y Solgetic | Ideamatic
Web Progetic y Solgetic | Ideamatic
Web Progetic y Solgetic | Ideamatic
Web Progetic y Solgetic versión responsive | Ideamatic

Similar projects

Webs for the Florists Guild

Experiences

Webs for the Florists’ Guild

Templates and the development of web pages for the Florists’ Guild of Catalonia.

Gremi Floristes webs | Ideamatic

The Florists’ Guild of Catalonia commissioned us to produce a project for developing templates in WordPress with or without an online store so that its members could digitise their florist stores easily and simply.

The initial templates are personalised using the florist’s image to adapt each one to each store’s style. The online store was personalised for the type of product sold, designed not only with the end-user in mind but also so that the selling process would be simple for the florist’s.

Gremi Floristes webs | Ideamatic
Gremi Floristes webs | Ideamatic
Gremi Floristes webs | Ideamatic

Similar projects

World Allergy Organization

Experiences

World Allergy Organization

World Allergy Organization, redesign of illustrations and infographics.

World Allergy Organization | Ideamatic

Design of a set of illustrations and infographics for a medical guide to allergies World Allergy Organization.

We were given the opportunity to redesign five illustrations of a medical guide about allergies. The aim was to redesign the diagrams with new drawings and give it a cleaner and more straightforward look to improve content readability.

This project was highly interesting because very simple figures had to convey and explain different symptoms and actions. The information flow was also restructured in order to improve understanding of the content.

World Allergy Organization | Ideamatic
World Allergy Organization | Ideamatic
World Allergy Organization | Ideamatic
World Allergy Organization | Ideamatic

Similar projects

Jewish Film Festival

Experiences

Jewish Film Festival

Jewish Film Festival web.

Festival de Cinema Jueu | Ideamatic

The  Jewish Film Festival web is an initiative intended to disseminate the intercultural nature of the Jewish people, put the Jewish culture on the city’s cultural agenda and promote local productions about things Jewish.

We inherited an old WordPress web that was causing a great deal of problems for updating content, hence for the festival’s fifth edition in 2019 the decision was taken to create a new web, also in WordPress, but revamping the web’s image at the same time.

The design was based on simple blocks of content in which particular importance is attached to the typography, minimising the use of colour so that it could be adapted to the general image of each event year after year. The Festival’s by-day film search functionality makes it very easy to see what’s on.

Web Festival de Cinema Jueu | Ideamatic

Web Festival de Cinema Jueu | Ideamatic
Web responsive Festival de Cinema Jueu | Ideamatic

Similar projects

ITMA Barcelona 2019

Experiences

ITMA Barcelona 2019

Graphic image, web and promotional items for the ITMA Barcelona 2019.

ITMA Barcelona 2019 | Ideamatic

Creation of the graphic image, web and promotional items of AMEC-AMTEX on the occasion of the ITMA international textile machinery trade fair held in Barcelona.

Our collaboration with the Asociación Española de Fabricantes de Maquinaria Textil [Spanish Association of Textile Machinery Manufacturers] (AMEC-AMTEX) began in 2017 in the form of promotional projects related to several worldwide events co-organised by the main associations from the European textile industry.

In 2019 AMEC-AMTEX commissioned us with its most ambitious project to date: the design of the graphic image to represent AMTEX at the ITMA Textile Machinery Trade Fair, in which we were asked to embody the core values that personify the members of the association: innovation, sustainability, flexibility and service.

The first task in the commission was to design the web for the event that would be promoting AMTEX’s presence at the trade fair. These functional requirements were covered with WordPress. The web was personalised, in line with the graphic image we had designed previously. The web was also devised to be used as a platform for future events.

Web ITMA Barcelona 2019 | Ideamatic

Web ITMA Barcelona 2019 | Ideamatic
Web responsive ITMA Barcelona 2019 | Ideamatic

Development of the entire graphic line:

Folleto ITMA Barcelona 2019 | Ideamatic
Folleto ITMA Barcelona 2019 | Ideamatic
Pantonera ITMA Barcelona 2019 | Ideamatic

Specific interventions were also carried out for the fair, such as a brochure in the form of a pantone card from where users could consult the different companies of the event, along with their location in the venue.

Following the same graphic line created, banners were also made with different formats and the design of container tubes for merchandising.

Banderola ITMA Barcelona 2019 | Ideamatic
Tub contenidor ITMA Barcelona 2019 | Ideamatic

Similar projects