Càritas Andorrana

Experiencias

Càritas Andorrana

Creación de la web y del sistema de donaciones online de Càritas Andorrana, institución de la Iglesia Católica que tiene como objetivo ayudar y acompañar a las personas más desfavorecidas.

Càritas Andorrana

El proyecto para el diseño y desarrollo web de Càritas Andorrana vino de la mano de Pampliega & Associats, quienes previamente crearon la estructura y el contenido. La web anterior era muy antigua, no se había actualizado desde hacía muchos años y no seguía las pautas actuales de las webs de Cáritas ni muchos de los estándares web actuales.

Como no disponíamos de un documento corporativo, tomamos como referencia las webs de Cáritas a nivel de España, analizando colores, tipografía y elementos gráficos que pudieran ser útiles a la hora de hacer el diseño de la nueva web. Una vez tuvimos nuestro propio estudio de la línea gráfica, diseñamos el contenido de las distintas páginas. Básicamente se trata de una composición muy estructurada de bloques de fotografías y colores planos con grandes espacios en blanco y titulares grandes para que se pudiera leer bien el mensaje

Càritas Andorrana

Desarrollamos también el sistema de donación online, algo esencial para la institución ya que se trata una forma de colaboración directa con el usuario y que les facilita toda la gestión offline. Se potenció la presentación de los servicios, con constantes llamadas a la acción para la petición de ayuda o información.

Proyectos similares

Circular Bioeconomy Alliance

Experiencias

Circular Bioeconomy Alliance

Proyecto web realizado para el European Forest Institute en el que se promueve la Bioeconomía Circular basada en los ecosistemas saludables, biodiversos y resilientes de los bosques.

Circular Bioeconomy Alliance

Para el diseño de la web partimos del manual de imagen corporativa proporcionado por EFI, y al que añadimos nuevos elementos gráficos para darle mayor riqueza visual e iconos específicos para explicar algunos apartados.

Se trata de un diseño muy limpio, con elementos circulares a lo largo de toda la web para potenciar la idea principal de la organización, y con figuras que se conectan mediante líneas para fortalecer el concepto de unión. Todo invita a una lectura clara del contenido.

La paleta de color y la tipografía utilizadas en el diseño y adaptadas a los distintos elementos web son las requeridas en el manual de imagen corporativa.

Circular Bioeconomy Alliance

Todo el material gráfico creado actualmente por EFI (folletos, etc.) se está diseñando siguiendo la misma línea gráfica de la web.

Proyectos similares

Associació Catalana de Professionals de Joventut (ACPJ)

Experiencias

Associació Catalana de Professionals de Joventut

Creación de la nueva web de la ACPJ, asociación que defiende y promueve la regularización y los derechos de las personas profesionales de juventud.

Associació Catalana de Professionals de Joventut

En 2018 comienza nuestra colaboración con la Asociación, primero para realizar tareas de mantenimiento en su antigua web. Finalmente en 2021 se nos encarga la creación de la nueva web, en parte coincidiendo con el lanzamiento de su nueva identidad corporativa.

La web antigua presentaba diversos problemas, en gran parte por su antigüedad. El primero de ellos y el más visible era el diseño, muy anticuado. Otro problema era la poca claridad, el desorden y la dispersión de los distintos contenidos que hacía que, por ejemplo, no quedaran bien definidos los proyectos propios de la entidad, las diferentes categorías de noticia, o incluso los ámbitos de actuación de la Asociación.

Associació Catalana de Professionals de Joventut

El objetivo de la nueva web es, por un lado, adaptarse a la nueva identidad corporativa y terminar de consolidar una imagen de marca sólida gracias a un diseño moderno, y por otro lado ordenar toda la información gracias a un estudio previo arquitectura de la información, jerarquizando y englobando los contenidos para hacerlos fácilmente accesibles a los visitantes.

La nueva web también soluciona una carencia de la anterior mostrando de forma mucho más visible las llamadas a la acción para conseguir nuevos asociados y facilitando su registro a través de la web.

Associació Catalana de Professionals de Joventut

Proyectos similares

Atelier de Chronométrie

Experiencias

Atelier de Chronométrie

Diseño y desarrollo del sitio web de Atelier de Chronométrie, empresa de Barcelona nacida en 2014 y dedicada a la fabricación de relojes artesanales de alta gama e inspirados en el pasado mediante procesos completamente manuales y tradicionales.

Atelier de Chronométrie

Nuestra relación con Atelier de Chronométrie comienza hace ya algunos años con a la realización el sitio web de Mimandcrocket, empresa especializada en la fabricación de relojes de estilo vintage. Gracias a esta ya larga relación conocíamos bien tanto sus productos como su forma de trabajar.

La web de Atelier se diseña buscando una mayor simplicidad en el mensaje y una nueva arquitectura que permitiera que las nuevas páginas para los futuros relojes se crearan de forma más flexible y sin estar ligadas a un diseño fijo.

El cliente nos proporcionó imágenes de alta calidad, así que pudimos plantear una web donde la fotografía fuera la gran protagonista y donde los relojes destacaran en todos sus detalles. También destacamos las fotografías de los procesos de trabajo, donde se puede observar la forma tan delicada y precisa con la que trabajan.

Atelier de Chronométrie

Gracias a las fotografías con fondos oscuros nos decantamos por un diseño con fondo negro y el texto en blanco. Las fotos a modo de cajas van encajando entre sí con bloques de texto en gris y blanco, como si de un engranaje se tratara. El movimiento de los elementos a medida que nos desplazamos verticalmente también ayuda a dar la sensación que todo se va formando mientras vamos visualizando el contenido.

La imagen global de la web queda justificada mediante el uso de imágenes de gran formato, textos grandes y la paleta de color, ya que se buscaba transmitir exclusividad, lujo y el detalle por las cosas bien hechas.

Proyectos similares

Grupo Humact

Experiencias

Grupo Humact

Diseño y creación de la página web del Grupo Humact, una consultoría de recursos humanos que tiene la necesidad de crear su página web.

Grupo Humact

Grupo Humact no disponía de una web previa y todo se crea desde cero: arquitectura de la información, wireframes, diseño y contenidos. De lo único que disponemos es de su logotipo. A partir de ahí desarrollamos una arquitectura de contenidos para dividir de forma clara, y que no resulte confusa, la gran cantidad de servicios de los que disponen, sobre todo a nivel de formación.

El diseño está basado en un fondo blanco y los colores corporativos del logotipo, azul y verde, aplicados en gama alegre y vibrante. Nos basamos en la idea del logo, de tres formas circulares que se se entrelazan entre sí. Las fotografías están recortadas con formas circulares, como ventanas que se abren en distintos puntos de una misma foto y se pudiera ver sólo las partes que nos interesaran. Las líneas, en tonos suaves y con transparencias, destacan también como elementos gráficos, que dividen y que nos conduce a las distintas secciones de una misma página, siempre jugando con líneas que sobrepasan los bloques de colores, en horizontal y vertical, creando una rejilla donde se dispone el contenido.

Grupo Humact

La web está en continuo cambio y crecimiento, reflejo de la propia empresa, con enlace a ofertas de trabajo y un campus de formación.

Proyectos similares

QSL Serveis Culturals

Experiencias

QSL Serveis Culturals

Diseño y desarrollo del nuevo sitio web de QSL dentro del marco de la renovación de la imagen corporativa de esta organización nacida en 1995 y que gestiona proyectos de servicio público desde las áreas de la cultura, la educación y la participación.

QSL Serveis Culturals

El proyecto es la culminación de una relación iniciada años atrás con el diseño de la nueva identidad corporativa de QSL.

Partimos de una web con múltiples carencias, ya que presentaba un diseño muy anticuado, no era responsive, y a nivel SEO no estaba bien indexada: no disponía de metaetiquetas, sus contenidos eran apenas indexables, y a pesar de tratarse de una entidad importante la web casi no tenía presencia en los resultados de búsqueda de Google.

Nuestra tarea principal fue la de crear una web mediante WordPress que solucionara los problemas anteriormente mencionados, que se adaptara a la perfección a la nueva identidad corporativa de la organización, y sobre todo que mostrara de forma sencilla e intuitiva todo su abanico de ámbitos de trabajo, los servicios que ofrece, y finalmente los proyectos más destacados llevados a cabo dentro de cada ámbito o servicio.

QSL Serveis Culturals

Como hacemos habitualmente en este tipo de proyectos para acercarnos de forma efectiva a la consecución de sus objetivos, estructuramos la creación de la web en una serie de fases consecutivas de trabajo que comenzó con el análisis, la definición estratégica y el prototipado de la web.

Los prototipos o wireframes son propuestas de estructura y distribución de la información previos al diseño que permiten que la web se haga primero pensando en la estrategia global, la jerarquía de contenidos y los itinerarios de información.

QSL Serveis Culturals

De la definición estratégica y el prototipado surge un diseño personalizado y genuino que se adapta perfectamente a la nueva imagen corporativa y en la que se enfatizan las áreas que QSL quiere destacar: novedades y actualidad, ámbitos de trabajo, servicios y proyectos realizados.

QSL Serveis Culturals

Para el apartado de Servicios se diseña, además, un set de ilustraciones que dota a la web de una personalidad todavía mayor y que difícilmente se hubiera podido conseguir de igual modo mediante fotografías de recurso.

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

Proyectos similares

8 Artist Management

Experiencias

8 Artist Management

Creación mediante WordPress de la web corporativa de 8 Artist Management y que fundamentalmente está hecha pensando en el portafolio de los artistas que representa a través de sus proyectos fotográficos y de vídeo. El proyecto también incluye el rediseño del logotipo, definiendo una imagen corporativa global.

8 artist management

8 Artist Management es una Agencia que representa a fotógrafos, videógrafos y estilistas a nivel nacional e internacional. Anteriormente disponían de una web con problemas de adaptación a los nuevos formatos de WordPress, así que aprovechando un cambio evolutivo dentro de la propia empresa se aprovechó para hacer una nueva web, con una estructura que admitiese nuevos artistas y con facilidad para introducir de forma continua sus proyectos.

La nueva web se planteó con una arquitectura que pudiera agrupar a los artistas en categorías según su especialidad y que cada uno de ellos tuviera una página individual con proyectos en formato ficha.

Para el diseño se escogió un estilo muy sencillo ya que la web iba a tener mucha información gráfica. Uno de los principales aspectos gráficos que se tuvieron en cuenta fue el juego en el interlineado de los títulos, ya que se ajustó para que las líneas de los textos quedaran unidas formado una unidad gráfica a modo de logotipo con el nombre de cada uno de los artistas.

También se rediseñó el logotipo, con un cuerpo de tipografía más fino y con más separación entre las letras. De este modo se consiguió que estuviera más acorde con el diseño global de la web.

8 artist management
8 artist management
8 artist management

Proyectos similares

eUniv, Universitat Europea

Experiencias

eUniv, Universitat Europea

Diseño y desarrollo mediante WordPress de la web de la Universitat Europea (eUniv). El objetivo del proyecto es el de dar mayor visibilidad a esta universidad online, ayudando a mostrar de forma estructurada toda la información formativa que ofrece.

eUniv, Univesitat Europea

El proyecto de la web de eUniv se inició pensando que tenía que ser una plataforma que les permitiera crecer y que debía mostrar toda una serie de contenidos que habían reestructurado a partir de su antigua web, y en la que se destacara el modelo organizativo de la Universidad y toda su oferta formativa.

Sobre ese contenido desplegamos un diseño con visión de futuro, totalmente flexible para mostrar nuevo contenido o cambiar la importancia de ciertos apartados a medida que el proyecto fuera avanzando.

Pantalla web de eUniv, Univesitat Europea

Se nos proporcionó unas pautas de diseño corporativo que debíamos plasmar, como la iconografía de la formación o las letras capitulares.

Sobre esto se desarrollaron los demás elementos gráficos: fondos con líneas y puntos, elementos con algunos bordes redondeados, gama de color, etc.

Página principal de eUniv, Univesitat Europea

En la sección de formación el cliente precisaba una gama cromática individual para cada ámbito y una ilustración también especialmente creada para cada sector. Así que se escogió un tratamiento gráfico diferente para cada dibujo y como hilo conductor común los tres rectángulos de base que pertenecerían a la progresión de los estudios: Bachelor, Máster y Doctorado.

Estas formas cambian de color según el tipo de formación. Para las ilustraciones se utilizaron tanto el dibujo vectorial, como el lápiz, rotuladores o la acuarela.

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

Proyectos similares

23:45 Arquitectes

Experiencias

23:45 Arquitectes

Auditoría SEO y análisis estratégico, creación de contenidos, diseño y desarrollo de la web mediante WordPress del estudio de arquitectura de Barcelona 23:45 Arquitectes. Dos de los retos fueron modernizar el diseño y mejorar el posicionamiento de la web para atraer más tráfico de calidad.

2345 Arquitectes web

Cuando se nos propuso la renovación de la web del estudio 23:45 Arquitectes teníamos varios retos, ya que la web presentaba carencias importantes: diseño anticuado y no 100% responsive, páginas sin apenas contenidos de texto y una URL sin palabra clave, lo que perjudicaba considerablemente su posicionamiento.

Otro reto de la nueva web era conseguir un tráfico de calidad para acercar más el estudio al tipo de cliente deseado.

2345 Arquitectes web

Empezamos por la auditoría SEO para identificar primero de todo los problemas que se tenían que solucionar y evitar repetirlos. Identificamos los objetivos de la web y los segmentos de búsqueda a los que se quería llegar.

Analizamos su posicionamiento, su competencia, las palabras clave, preparamos el SEO on page de cada una de las páginas, etc. El informe sirvió para definir el árbol de contenidos que iba a tener la web antes de su consecución.

2345 Arquitectes informe SEO
2345 Arquitectes web

Previo al diseño elaboramos los prototipos o wireframes, propuestas de estructura y distribución de la información por página con el tipo de recursos que harán falta.

Estas propuestas sin diseño ni contenido permiten que la nueva web esté hecha pensando en la estrategia global, reforzando los itinerarios de información que más interesan y que nos acercan a la consecución de sus objetivos.

2345 Arquitectes responsive

Proyectos similares

Florcare, tienda online

Experiencias

Florcare, tienda online

Creación de la web con tienda online mediante WordPress y WooCommerce de Florcare, un proyecto de economía social y ecológica a través de la venta de plantas y productos sostenibles. Creamos un conjunto de ilustraciones para ayudar a dar aún más personalidad al diseño de la web.

Florcare, tienda online | Ideamatic

Florcare es un proyecto de economía social y ecológica y un espacio de venta de plantas y productos sostenibles. Se creó para ellos una Web con WordPress con Tienda online con un diseño totalmente personalizado.

Las ilustraciones que hemos hecho están basadas en un estilo cómic de plantas transformadas en súper héroes, por la idea que no es sólo una tienda más de plantas sino que tiene un beneficio social para los chicos en riesgo de exclusión que las cultivan y venden, el comprador así se siente con el poder de cambiar la situación de estos chicos.

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

Proyectos similares