THE BLOG

29
Sep

Página de aterrizaje Migraña en las farmacias

Con el fin de controlar la migraña AEMICE lanzó una campaña siendo los responsables del diseño y la programación de la página de aterrizaje Migraña en las farmacias.

El objetivo de la página de aterrizaje es empoderar a personas con migraña ya que, según datos del Atlas de la Migraña en España 2018, se produce un retraso diagnóstico de entre 6,4 años (en la migraña episódica) y 7,3 años (en la migraña crónica) de media.

Objetivos de la campaña de marketing
Captura de pantalla de los objetivos de la campaña

Con este tipo de acciones se pretende que la enfermedad no se vuelva crónica y haya una detección temprana.

En la página de aterrizaje podréis encontrar:

  • Información sobre la campaña
  • Descargar los materiales de la campaña (Folleto informativo y póster)
  • Formulario de inscripción para farmacias
  • Mapa interactivo de las farmacias adheridas a la campaña
Materiales campaña de marketing
Captura de pantalla del apartado materiales campaña de marketing

De la página destacamos el formulario de inscripción de farmacias que permite, tras una aprobación previa por los responsables de AEMICE, su posterior inserción en el mapa de farmacias.

También hacemos especial hincapié en el mapa de farmacias interactivo. Empleamos la tecnología de Google con el objeto de la reducción de costes de desarrollo y tiempo de aprendizaje, siendo muy sencillo

Mapa interactivo de farmacias
Captura de pantalla del mapa interactivo de farmacias adheridas

Los contenidos de la página los realizó la consultora especializada en pacientes Nephila.

Si necesitas una página de aterrizaje para tu empresa, bien sea para campañas de automatización de marketing, servicio o producto, no dudes en contactar con nosotros a través del teléfono 900 525 773 o correo electrónico hola@elucubracion.com.

¿Empezamos?

13
Sep

Landing para eventos: Abre los ojos

El pasado día 12 de septiembre de 2021 fue el Día Internacional para la Acción contra la Migraña. Con motivo de esta celebración confeccionamos una de nuestras landing para eventos.

Además de la landing, marcamos toda la identidad gráfica de la acción.

AEMICE

Es la Asociación Española de Migraña y Cefalea. Agrupan, representan y acompañan a las personas afectadas por esta enfermedad.

La misión es:

  • Dar visibilidad y sensibilizar a la sociedad sobre las cefaleas
  • Informar a los pacientes y familiares sobre la enfermedad y sus tratamientos
  • Educar a los pacientes en el manejo de esta patología
  • Promover las acciones necesarias ante las instituciones correspondientes, para mejorar la calidad de vida de los pacientes

La visión que AEMICE tiene es:

  • Contribuir a que la sociedad comprenda y reconozca las cefaleas como un desorden neurológico real y complejo
  • Facilitar el acceso al diagnóstico y tratamiento adecuados, dentro del sistema sanitario
  • Ser la asociación de referencia de los pacientes con cefalea ante la sociedad, las instituciones, el sistema sanitario y otros agentes implicados en su abordaje

La Migraña

La migraña afecta a más de 5 millones de personas en España

Es una enfermedad infravalorada y banalizada por la sociedad, lo que provoca que no se entienda ni se vea como realmente es: una enfermedad neurológica y altamente incapacitante.

Proyecto landing para eventos

La idea era crear una página web para el Día Internacional de Acción contra la Migraña.

La web contiene información de la campaña y los diferentes materiales para descargar.

Otra de las premisas es tener información de visitas y descargas de los diferentes materiales.

La página respira el look & feel de la campaña, jugando con los ojos de fondo y emplear los colores de los diferentes ojos para el resto de elementos de la landing.

Podeis ver el resultado del trabajo en https://www.dolordecabeza.net/abrelosojos/

El proyecto lo llevamos a cabo en colaboración con la consultora especializada en crear e impulsar iniciativas innovadoras dirigidas a pacientes Nephila.

Si también necesitas una landing para dar a conocer tu producto, servicio o evento no dudes en contactar con nosotros.

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! 

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