THE BLOG

29
Jul

Identidad corporativa, Morrison Barcelona

Logotipo

Identidad corporativa Morrison Barcelona, logotipo
Identidad corporativa Morrison Barcelona, logotipo

El pasado mes de mayo de 2021 Morrison Barcelona, especialistas en vehículos de movilidad urbana, nos solicitó llevar a cabo el rediseño de su identidad corporativa.

En este caso y a diferencia del logo actual, no existe divergencia de estilos en cuanto a la tipografía se refiere, lo cual posibilita una mejor lectura de la marca ya que las “O” quedan integradas con el resto.

Teniendo en cuenta que no sólo venden patinetes y que la función de un logo es que nos identifiquen rápidamente (y no explicar nuestros productos o servicios de forma literal) se ha creado un logotipo que huye de clichés con la pretensión de denotar movimiento/dinamismo, robustez y que enfatice el carácter eléctrico/sostenible de lo que venden.

Por este motivo, la tipografía es itálica y el “ON” se representa en verde. La lectura es fluida, lo cual encaja a la perfección con el claim de la firma y su simplicidad, lo hace memorable (fácil de reproducir/recordar).

El hecho de no representar ningún producto en concreto, lo hace perdurable en el tiempo lo cual, evita tener que hacer futuras variaciones o rediseños, en el caso que finalmente se acabe creando una gama de productos propia.

Finalmente, teniendo en cuenta que su target es verdaderamente amplio y distinto, se ha optado por una línea estética que no nos “encasille” con un estilo concreto ya que nuestros productos, los puede adquirir desde un chico joven hasta un ejecutivo para ir a la oficina.

Tipografías identidad corporativa

Tipografía identidad corporativa Morrison Barcelona
Tipografía identidad corporativa Morrison Barcelona

Para el naming nos hemos basado en una tipografía sólida, dinámica y robusta a la que se le han aplicado diversas modifcaciones para conseguir una imagen sólida, legible y equilibrada.

Para el claim y otros textos se ha optado por la familia Gotham Pro con sus diferentes variantes, lo cual garantiza una excelente legibilidad y gran variedad de opciones en cuanto a los diferentes usos, en función del soporte.

Colores identidad corporativa

Paleta de colores de la identidad corporativa de Morrison Barcelona
Paleta de colores de la identidad corporativa de Morrison Barcelona

Solid Blue (color principal)

El azul oscuro será el color principal de la marca ya que se asocia a conceptos como seguridad, tranquilidad y fiabilidad.

Ambos conceptos definen la manera de hacer de la firma ya que uno de los pilares de la marca, es la capacidad resolutiva de problemas que plantean los clientes lo cual, genera confianza.

Este azul oscuro, hace que la marca se vea elegante, sólida y robusta; básico para alcanzar los objetivos que se plantean a medio/largo plazo y acorde también, con el producto que vendemos.

Dynamic Green (color destacado)

El tono fresco y digital del verde enfatiza valores inherentes a la marca tales como eficiencia, dinamismo, modernidad, vanguardia e innovación.

Morrison no vende motos ni patinetes, vende movilidad sostenible y en ese sentido, el verde resalta el “ON” del naming haciendo alusión al tipo de producto que vendemos que es móvil, eléctrico, ecológico y respetuso con el medio ambiente.

Blanco

El blanco también formará parte de nuestra identidad visual ya que será el color de fondo cuando se use el logo en su versión original, y sustituirá el verde en la versión en negativo.

Otros elementos también irán en blanco cuando utilicemos fondos oscuros.

Negro

El negro se usará para tipografías sobre fondo blanco.

En la medida de lo posible evitar que el negro sustituya el azul oscuro.

Recursos gráficos (Duotono)

Duotono Identidad corporativa Morrison Barcelona
Duotono Identidad corporativa Morrison Barcelona

La combinación de los colores corporativos permite crear imágenes en duotono generando así, recursos gráficos potentes y con personalidad, aplicables a distintos soportes; web, redes sociales, rotulación del local, etc. 

En este caso, invertiremos los colores del logotipo para mantener el contraste y su excelente visibilidad.

Aplicaciones identidad corporativa

Avatar digital

Identidad corporativa de Morrison Barcelona, Avatar Digital
Identidad corporativa de Morrison Barcelona, Avatar Digital

Una de las problemáticas que tiene el logo actual es su difícil aplicación en soportes digitales, donde el espacio es cuadrado y muy reducido.

Para solventar este problema y mantener la imagen de marca con una correcta visualización en soportes como el Favicon de la web o los avatares de los distintos perfiles en redes sociales, hemos creado un icono basado en logo donde el elemento identificativo pasa a ser la “M” del nombre propio “Morrison”. Para ello, mantenemos la forma, las proporciones y el color.

Si también necesitas darle un nuevo enfoque, o crear, a tu identidad de marca no dudes en contactar con nosotros. Recuerda que tienes disponible un chat en esta misma página para poder hablar cómodamente.

20
Jul

Oficina virtual del Ayuntamiento de la Fresneda

Oficina virtual y página web. La semana pasada vio la luz un espacio dinámico, fácil de usar y moderno para el ciudadano de La Fresneda (Teruel).

La Fresneda

La Fresneda es una Villa declarada conjunto histórico artístico donde podrás sentir la belleza de las piedras que conforman unos atractivos callejones y callejuelas que te transportarán a tiempos pasados.

La villa fue conquistada en 1170 por Alfonso II y formó parte de la vasta donación que el monarca hizo a la orden de Calatrava.

El 14 de diciembre de 1283, por documento firmado en Zaragoza, el rey Pedro III concedió a la Fresneda el título de villa.

Fuente: Wikipedia

Oficina virtual y página web

El Excmo. Ayuntamiento de La Fresneda (Teruel) a través de su Excmo. Alcalde, Frederic Fontanet Alcina, nos solicitó llevar a cabo la nueva web municipal y turística.

Entre las diferentes premisas, solicitaron que se diferenciaran las dos partes de la web claramente y que no se mezclaran entre ellas.

Entre las opciones que barajamos fue crear un multisite; esta opción complicaba el uso por parte del equipo municipal, por lo que finalmente optamos por crear dos menús, el de la web municipal y el de la de turismo, que siempre está en las páginas /turismo.

Otro de los retos que nos marcaban era poder actualizar distintos contenidos sin necesidad de modificar la web, para ello creamos nuevos post types que permiten una fácil gestión por su parte, diferenciando cada contenido, como pueden ser los teléfonos de interés o el listado de asociaciones.

Para el Ayuntamiento es primordial tener un portal de transparencia, tanto para que los usuarios (principalmente los habitantes del pueblo) pudieran contactar con el Ayuntamiento, ya sea para notificar incidencias (desperfectos en las calles, mala iluminación, etc.) o dudas y comentarios de los propios ciudadanos como disponer de un espacio en el que pudieran consultar los plenos, presupuestos y ordenanzas municipales.

La digitalización del portal también ha llevado a una digitalización de los servicios, permitiendo rellenar de forma cómoda, fácil  y desde cualquier lugar, multitud de trámites, ahorrando tiempo al equipo municipal y a los propios usuarios.

Cada trámite genera automáticamente un fichero en PDF que se envía al ayuntamiento y se muestra al propio usuario como confirmación de la recepción.

Otro punto a destacar es un mapa interactivo de urbanismo de todo el municipio.

El bando municipal se digitalizó hace varios años y ahora ha mejorado su visualización en la web, así como enlazar con las stores para agilizar la descarga de la app móvil.

La otra visualización de la web, la parte turística, contiene toda la información sobre turismo de la villa, desde las rutas que ofrece la oficina de turismo hasta un poco de historia, pasando por los monumentos y gastronomía sin olvidarnos de lo que más quieren sus habitantes: las tradiciones locales.

En la home digitalizamos el plano del folleto con los monumentos, facilitando a los visitantes saber dónde se encuentra cada monumento con un simple clic o pulsación.

En el plano del diseño, empleamos los colores corporativos del Ayuntamiento y Turismo, combinando azul y blanco, generando un estilo serio y tranquilo, que, junto a las animaciones sutiles, permiten al usuario obtener una sensación de tranquilidad como la que pueden tener en la propia villa.

Galería de imágenes

Si tu ayuntamiento también necesita un espacio dinámico, moderno y digital para tus ciudadanos puedes contactar con nosotros mediante el formulario de contacto o llamándonos al 900 525 773

04
Jul

Capmar, video corporativo

Hace algunas semanas llevamos a cabo el video corporativo de la empresa Capmar Systems, ubicada en Ripollet, Barcelona.

Capmar Systems

Es una empresa dedicada al mercado de señalización para transporte público y equipamiento urbano.

Tienen una amplia experiencia en la fabricación de productos industriales, mobiliario urbano, señalización y puntos de información en espacios públicos.

Su objetivo es crear productos y servicios innovadores, fáciles de usar y enfocados en los usuarios.

Visión enfocada a la innovación sostenible.

Creen en usar la tecnología de manera sostenible y humana.

Ciudades inteligentes como una manera de mejorar la calidad de vida y el bienestar de las personas.

Video corporativo

El objetivo del video es dar a conocer los valores y fortalezas de la empresa en reuniones comerciales y, de una forma dinámica, rápida y fácil, mostrar la visión y misión de la empresa.

Para llevar a cabo la producción realizamos la grabación en las instalaciones del Cliente y en paradas de autobús con su sistema de información centralizada.

Además de la grabación, también empleamos imágenes y videos de recurso para reforzar el discurso de Marca.

Se han realizado 3 piezas en inglés, castellano y catalán.

A continuación os dejamos con el video en su versión castellana:

 

 

¿También quieres un video corporativo para tu empresa o proyecto? Contacta con nosotros.

04
Jun

Aplicación móvil iCerca

Hace algunos meses llevamos a cabo uno de los proyectos más apasionantes que hemos llevado a cabo, una aplicación móvil para personas con insuficiencia cardiaca.

¿Qué es la insuficiencia cardíaca?

La Insuficiencia Cardíaca (IC) es un enfermedad crónica y degenerativa del corazón que impide que éste tenga capacidad suficiente
para bombear la sangre y por lo tanto de hacer llegar suficiente oxígeno y nutrientes al resto de los órganos. Puede manifestarse a cualquier edad,
aunque la probabilidad de sufrirla aumenta con los años. Según su forma de manifestarse, se clasifica en:

Insuficiencia Cardíaca Crónica:

La enfermedad se va manifestando gradualmente, pero los síntomas se intensifican con el paso del tiempo. Es la más frecuente.

Insuficiencia Cardíaca Aguda:

Los síntomas aparecen de forma repentina y son graves desde el principio. Con un tratamiento adecuado, los pacientes pueden mejorar rápidamente.

La IC genera fatiga, ya que el corazón no puede distribuir la sangre suficiente que necesita el organismo. Además, puede provocar
una acumulación de sangre, que puede salir de los vasos sanguíneos y congestionar los pulmones.

Más información sobre la insuficiencia cardiaca.

¿En qué consiste la aplicación móvil?

El objetivo de la aplicación es empoderar a los pacientes con esta dolencia, insuficiencia cardiaca, aprendiendo más sobre su enfermedad y proporcionándoles métodos para convivir con ella.
El planteamiento inicial era que fuera usada en hospitales como herramienta de aprendizaje de los pacientes para, finalmente, abrirse a pacientes y familiares en sus propios dispositivos personales fuera del centro hospitalario.
La aplicación móvil consiste en una serie de formaciones ilustradas, en ocasiones con vídeo.
También dispone de un lector de texto para facilitar la lectura a personas mayores o personas con discapacidad visual, que tienen problemas para leer. Para estos usuarios, creamos un especio en los ajustes de la aplicación móvil para modificar el tamaño de la letra.
Una vez leídas todas las formaciones se desbloqueaban unos retos, serie de tareas y cuestionarios para ayudar a retener la información.
Además de la aplicación móvil, se diseñó y programó una landing page con la información del proyecto, video de presentación y enlaces de descarga de la aplicación.
Por último, para dar a conocer el proyecto en redes sociales y foros de una forma más dinámica y divertida, hicimos un video (ya os lo presentamos en un post anterior).

La aplicación se llevo a cabo en colaboración con la consultora especialista en crear e impulsar iniciativas innovadoras dirigidas a pacientes Nephila.

Enlaces de interés:

A continuación os dejamos con algunos screenshots de la aplicación:

Aplicación móvil iCerca Aplicación móvil iCerca Aplicación móvil iCerca Aplicación móvil iCerca

25
May

Web de formación comercial Emotional Steps

Cada vez que lanzamos un proyecto nos hace especial ilusión pero en este caso se suma el gran cariño y aprecio que tenemos por la figura de su fundador: web de formación comercial de Paco Sosa.

Sobre Paco Sosa

Paco Sosa es uno de los grandes comunicadores corporativos del país, gran conocedor de la responsabilidad social corporativa y con una dilatada carrera en el sector.

Nadie mejor que él mismo para explicar quién es:

Soy un apasionado de la venta, la comunicación y las relaciones personales e institucionales.

Formador comercial basado en el arte de conversar.

Especialista en responsabilidad social y reputación corporativa relacionada con aspectos comerciales.

Web de formación comercial

Hace algunos meses decidió poner al servicio de la comunidad sus conocimientos y experiencia: Emotional Steps.

En Emotional construyen relaciones duraderas entre candidatos y empresas, especializados en la selección de profesionales del mundo comercial:

  •  Tele vendedores
  • Vendedores junior y seniors
  • Key Accounts
  • Jefes de Venta
  • Directores Comerciales

Por ellos nos solicitó el encargo de diseñar y programar una web de formación comercial que le permitiera dar a conocer su método.

La web está trabajada sobre la base de  WordPress, con un framework que permita la rápida y ágil inserción y edición de contenidos y con un diseño claro y minimalista.

Se han empleado los colores gris, azul y verde para transmitir seguridad y frescura.

La página web dispone de las clásicas secciones (sobre mí, contacto, consultoría comercial, aviso legal, política de privacidad y política de cookies) y una tienda online donde adquirir cursos y herramientas comerciales.

También dispone de un apartado de testimoniales y un blog corporativo para mantener al día a sus alumnos y usuarios.

Aprovechamos para invitaros a conocer la página web.

Os invitamos, si necesitáis mejorar vuestras habilidades comerciales, inscribiros a su curso La venta consultiva hoy.

emotional, web

emotional, web

Servicios web de formación comercial

Servicios web de formación comercial

Testimonial

Testimonial

La venta consultiva, hoy by Paco Sosa

La venta consultiva, hoy by Paco Sosa

21
May

Fundación Rubricatus

La Fundación

Hace unas semanas vio la luz una de las web de las que más orgullosos nos sentimos: Fundación Rubricatus.

La Fundació Rubricatus es una entidad sin ánimo de lucro dedicada a promover y fomentar la integración social efectiva de las personas con discapacidad.

Dicha tarea se realiza a través de:

  • Creación de empleo
  • Inserción laboral
  • Prestación de servicios de terapia
  • Participación y la promoción de actividades que favorezcan y mejoren la autodeterminación
  • Autonomía personal
  • Competencia social
  • Plena capacidad de obrar y la felicidad objetiva de las personas con discapacidad

Antecedentes

Rubricatus disponía de una web que corría bajo el motor de Drupal, resultando muy costoso su mantenimiento y generando problemas de aprendizaje a su personal para realizar cambios y mejoras.

Se tomó la decisión de realizar una nueva web con el motor de WordPress, realizando un nuevo diseño más fresco, dinámico y moderno, siguiendo el look&feel de la Marca.

Además de las secciones habituales de la página web, con información general de la fundación y sus servicios, también se puede:

  • Realizar donaciones
  • Tienda online para la reserva de catering y merchand
  • Cronograma con los eventos más importantes de la historia de la fundación

Otro punto importante es la herramienta de accesibilidad que permite cambiar los colores y fondos y el tamaño de la tipografía de la página.

Servicios empresariales de la fundación

Alguno de los servicios empresariales que ofrece de la fundación

Aprovechamos este púlpito para invitaros a colaborar con ellos para ayudarles a continuar desarrollando su actividad social.

Si necesitáis una página web para vuestra fundación o asociación, no dudéis en contactar con nosotros.

 

22
Abr

Diseño web hogares inteligentes: Techhome

El pasado mes de febrero lanzamos la web de Techhome, diseño web hogares inteligentes.

Proyectos domóticos Techhome

Techhome es una empresa con sede en Barcelona, ofreciendo servicios de diseño e implementación de proyectos domóticos a medida, en función de las necesidades específicas de cada cliente.

La misión de Techhome es mejorar a eficiencia energética, la seguridad y el confort en los hogares, en línea con los avances tecnológicos.

Proyecto web inteligente

El diseño de la página web es fresco, nítido y dinámico, usando la paleta de colores de la identidad visual de la marca.

Como color destacado del proyecto se elige el verde del logotipo. La tipografía es Texta Narrow.

La página web es corporativa, con seccione estándar:

  • Home
  • Servicios
  • Para empresas
  • Sobre nosotros
  • Contacto

La web se adapta a la nueva normativa en materia de cookies de la Unión Europea.

Galería de imágenes del proyecto

Diseño web hogares inteligentes: Techhome

Diseño web hogares inteligentes: Techhome

Accesibilidad e IoT, parte de los servicios de Techhome

Accesibilidad e IoT, parte de los servicios de Techhome

Apartado para empresas de la página web

Apartado para empresas de la página web

Sección iluminación del apartado de servicios

Sección iluminación del apartado de servicios

Si también necesitas una web corporativa para dar a conocer y proyectar de forma adecuada tu negocio, ponte en contacto con nosotros.

19
Ene

Congreso online LinkEM

El pasado mes de noviembre de 2020 diseñamos y desarrollamos la plataforma para el congreso online de Esclerosis Múltiple España LinkEM

Link EM es un evento (congreso online) que incluye diferentes espacios y nace para compartir e intercambiar experiencias, generar conocimiento y fomentar el debate en Esclerosis Múltiple.

El evento de este año 2020 se celebró los días 25, 26 y 27 de noviembre, siendo la quinta edición y en un formato totalmente virtual.

El diseño de la plataforma es intuitivo, minimalista y dinámico, siguiendo el look&feel del logotipo del evento.

Entre las diferentes apartados de la plataforma podemos encontrar:

Home

La página principal contiene información general del proyecto y dirige al usuario a los diferentes apartados de la plataforma.

Congreso online LinkEM 2021

Congreso online LinkEM 2021

Programa

Una organización simple e intuitiva en formato de columna por cada y colores para cada espacio. Añadimos una línea separadora cuando hay dos sesiones consecutivas del mismo espacio para poder diferenciarlas visualmente. Incluimos también la posibilidad de añadir la sesión al calendario del usuario de forma fácil.

Sesiones

Emulamos una sala de conferencias con público incluido en el que las butacas cambian de color según el espacio y la información o incluso el vídeo del streaming están encuadrados dando una sensación de pantalla para aumentar la inmersión en el evento.
Como había algunas sesiones que se realizaban con Zoom, se mostraba a los distintos ponentes en la pantalla y en las sesiones que se retransmitía un vídeo en directo se mostraba el vídeo en la misma. El debate está disponible para verlo.
El acceso a las sesiones requería de registro, por lo que las personas que no se habían registrado a una sesión no podían acceder.

Stands

Recreación de los stands físicos en unos digitales interactivos en los que pulsando en algunos de los elementos se abre un popup con documentos o vídeos de las compañías colaboradoras.
Al igual que sucede en un evento físico solo la gente que asiste puede ver los stands, solo los registrados podían acceder a ellos.

¿Quieres dar mayor visibilidad a tu proyecto en los tiempos de COVID-19? Nos encargamos de crear tu plataforma online, ¡contáctanos! 

16
Dic

Jessica Goldman, diseño web WordPress

Jéssica Goldman apostó por nuestra agencia para el diseño web WordPress de su nuevo site corporativo.

¿Quién es Jessica Goldman?

Jéssica es Coach ejecutivo para emperadores. Les ayuda a explorar nuevas vías de ingresos mediante el uso consciente y constante de la tecnología.

Ofrece todas las herramientas básicas de las que dispone para el éxito, formación continua de negocio, desarrollo personal, incluso embudo online automatizado.

¿Porqué diseño web WordPress?

A la hora de elegir una solución para la página web del Cliente tuvimos presente los siguientes puntos:

  • Plataforma estándar
  • Constante actualización
  • Curva de aprendizaje rápida

Creemos que la herramienta cumple con las tres premisas.

El diseño de la web es limpio y nítido, con líneas modernas y color amarillo siguiendo la línea de su apellido (Gold, oro).

La estructura de la página es clásica:

  • ¿Quién es Jéssica Goldman?
  • ¿Qué ofrece?
  • ¿Cómo te puede ayudar?
  • Testimoniales
  • Contacto

A continuación os dejamos unas imágenes para que podáis conocer el resultado de nuestro trabajo:

 

 

Si también necesitas una página web WordPress no dudes en contactar con nosotros.

07
Nov

Diseño del resumen ejecutivo

Diseño del resumen ejecutivo sobre hipercolesterolemia

Durante este año llevamos a cabo el diseño del resumen ejecutivo de CardioAlianza y Amgen.

El documento es un informe de situación de la hipercolesterolemia y otros factores de riesgo.

¿Qué es la hipercolesterolemia?

La hipercolesterolemia es el aumento de colesterol en sangre pudiendo ser perjudicial y creando predisposición para enfermedades cardiovasculares.

Las enfermedades se producen por depósito de placas de ateroma en las arterias (aterosclerosis) como el infarto de corazón, ictus o irrigación deficiente en las extremidades.

El diseño

Con diseño es fresco, moderno y limpio, usando los colores corporativos de CardioAlianza, hemos conseguido el objetivo marcado por el Cliente.

El informe contiene diferentes pictogramas, iconos e infografías para dar mayor fuerza al contenido y hacerlo más ameno y agradable para el lector.

A continuación os dejamos unas cuantas imágenes con detalle del trabajo realizado:

Portada del informe

Portada del informe

Detalle de iconos y mapa de España. Diseño del resumen ejecutivo

Detalle de iconos y mapa de España. Diseño del resumen ejecutivo

Detalle pictograma

Detalle pictograma

Detalle gráfica y fondo degradado

Detalle gráfica y fondo degradado

Detalle gráfica

Detalle gráfica

Infografía resumen ejecutivo

Infografía resumen ejecutivo

Detalle gráfica informe

Detalle gráfica informe

¿Qué te ha parecido el diseño? ¿te gusta? Cuéntanoslo en nuestra cuenta de Instagram o Facebook ¡Nos encantará conocer tu opinión!

El informe lo llevamos a cabo en colaboración con la consultora experta en contenidos para pacientes Nephila.

Si también necesitas un resumen ejecutivo, informe, resumen ejecutivo y/o una presentación corporativa no dudes en contactar con nosotros.

 

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies