Tag: diseño web adaptativo

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.

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

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.

29
Oct

Accesibilidad web: Onero

Accesibilidad web para Observatorio Nacional de Enfermedades Raras Oculares (ONERO)

El pasado mes de septiembre de 2020 vio la luz la página web que hemos desarrollado para el Observatorio Nacional de Enfermedades Raras Oculares. La premisa básica del proyecto es que cumpliera con los estándares de accesibilidad web.

Observatorio Nacional de Enfermedades Raras Oculares (ONERO)

ONERO es una asociación cuyo objetivo es ayudar a que las personas afectadas por enfermedades raras oculares en España puedan acceder a terapias avanzadas a través de redes europeas de investigación.

Apoyan e impulsan mecanismos que faciliten la recopilación de datos de pacientes con patologías raras oculares.

El Observatorio se fundó en 2018.

Accesibilidad Web

Además de las clásicas secciones de una web de similares características, también permite registrarse y buscar (mediante un mapa interactivo) las diferentes asociaciones que se pueden encontrar en el territorio español.

Mapa de entidades interactivo adheridas a Onero

Mapa de entidades interactivo adheridas a Onero

Las secciones estándar de la web son:

  • Conócenos. Información sobre el Observatorio.
  • Enfermedades raras oculares. Listado con las diferentes enfermedades raras oculares y breve descripción de cada una.
  • Actualidad. Noticias sobre enfermedades raras oculares.
  • Contactar. Espacio donde localizar la ubicación del Observatorio y canales de comunicación.

Un punto fuerte y llamativo de esta web es un sistema de controles que permite modificar los colores y fondos de la página web para mejorar al visibilidad.

Además de cambiar el aspecto también se puede elegir el tamaño de la tipografía.

Control de color y tamaño de texto para accesibilidad web

Control de color y tamaño de texto para accesibilidad web

Puedes ver la diferencia de contrastes en las siguientes imágenes:

También te dejamos algunos ejemplos de secciones de contenido de la página:

Detalle observatorio

Detalle observatorio

Registro Onero, detalle web

Registro Onero, detalle web

 

Registro de pacientes web ONero, detalle

Registro de pacientes web Onero, detalle

Por último, la web también permite la inclusión de videos y podcast informativos sobre enfermedades raras oculares.

Vídeos y podcast de la asociación

Vídeos y podcast de la asociación

El desarrollo de la web se llevo a cabo en colaboración con la consultora Nephila, expertas en la creación de contenidos para asociaciones de pacientes.

Mejora la experiencia de este post visitando la web del Observatorio.

Si también necesitas una web accesible no dudes en contactar con nosotros.

08
Ago

Dolor de Cabeza

Asociación Española de Migraña y Cefalea

Hace algunos meses llevamos a cabo el rediseño web y programación de la nueva web de AEMICE coincidiendo con el cambio de naming de la asociación.

Dos de los grandes hitos del proyecto fueron el análisis, estructura y redacción de los contenidos que la asociación ofrece a sus visitantes de su web y el cambio y adaptación a un nuevo CMS más sencillo y moderno.

Rediseño web

El resultado es una web limpia, bien estructurada y con información modular ilustrada mediante iconografía.

Hay tonos fríos (azules) y cálidos (amarillos) con lo que la paleta cromática está basada en su imagen corporativa.

Además el cambio de contenidos y diseño de la web, se incorporaron herramientas para la captación datos como son newsletter y formularios de contacto. El newsletter está enlazado directamente con la plataforma de envío de emails de AEMICE agilizando procesos.

Las secciones de la página aportan información sobre la dolencia y sus tipos, consejos para aliviar el dolor y cómo vivir con el dolor de cabeza.

Dispone de apartados sobre actualidad de la dolencia y la asociación e investigación relacionada con la misma.

En la web también podréis conocer a toda la junta directiva de la asociación, visión, misión y valores así como descargar su memoria anual, estatutos, plan estratégico y cuentas anuales.

POSICIONAMIENTO SEO

También elaboramos un informe SEO con un keyword research, recomendación para la redacción del contenido y recomendaciones técnicas para programar la página web.

Todos los contenidos de la web fueron revisados y adaptados para cumplir con los objetivos del informe inicial SEO.

Desarrollamos el proyecto en colaboración con la consultora especialista en crear e impulsar iniciativas innovadoras dirigidas a pacientes Nephila.

04
Ene

Un estudio creativo y un festival

Elucubración Estudio Creativo, de la mano de DeAcero Producciones, colaboró con el primer festival de cine independiente y Social de Puertollano Atlantis Film Awards 2017 con el diseño y programación de su página web.

Además tuvimos la oportunidad de ser jurado del festival dando fe de la excelente calidad de las obras: más de 300 piezas de 20 países.

A continuación citamos a los finalistas, ganadores y menciones especiales del Festival:

Los finalistas en categoría MEJOR LARGOMETRAJE (Dotado con 400€ + Trofeo) fueron:

  • “La Sargento Matacho” de William González (Colombia), “249 La noche que una becaria encontró a Emiliano Revilla” de Luis María Ferrández (España) y “Pasaje al Amanecer” de Andreu Castro (España), resultado esta última “Pasaje al Amanecer” ganadora del galardón.

Realizó entrega del premio Victor Castro, Concejal de Juventud, Educación y Deportes y fue recogido por su director Andreu Castro.

Los finalistas en categoría MEJOR CORTOMETRAJE (Dotado con 300€ + Trofeo) fueron:

  • “Cuerdas” de Pedro Solís García (España), “Ainhoa” de Iván Sainz Pardo (España) y “Gaza” de Julio Pérez del Campo/Carles Bover Martínez (España), resultado ganadora del galardón “Ainhoa”.

Realizó entrega del premio Lidia Molina, Vicepresidenta de la Diputación Provincial de Ciudad Real y fue recogido por su director Iván Sainz Pardo.

Diputación Provincial de Ciudad Real,

Los finalistas en categoría PREMIO MINERO (Dotado con 200€ + Trofeo) fueron:

  • “Little Jerusalem” de Monika Navickaité (Lituania), “Mr Director” de Ali Erfan Farhadi (Iran) y “Photo booth” de Vardhan Dhaimodkar (India), resultando ganadora del galardón “Little Jerusalem”.

Realizó entrega del premio Victor Castro, Concejal de Juventud, Educación y Deportes y fue recogido por su directora Monika Navickaité.

 MENCIONES ESPECIALES

  • Dotado con 200 € + trofeo “249 La noche que una becaria encontró a Emiliano Revilla” de Luis María Ferrández (España) por su calidad documental y brillante recreación de los hechos.

Realizó entrega del premio Daniel Chamorro, director del Festival y fue recogido por su director Luis María Ferrández

  • Dotado con 100 € + trofeo “3 personajes y un maletín” de Amanda Peña Villar (España) por su creatividad y originalidad.

Realizó entrega del premio Daniel Chamorro, director del Festival y fue recogido por su directora Amanda Peña Villar

Ampliar la información y ver la galería de imágenes.

La experiencia  Elucubración Estudio Creativo ha resultado ser muy positiva. Si necesitas organizar un festival podemos ayudarte, contacta con nosotros.

02
Jul

Responsive design o diseño web adaptativo

Recopilación de 10 infografias sobre responsive design

Desde el año 2012 el diseño adaptativo o responsive design está en auge y abre nuevas cuotas de mercado para desarrolladores, agencias y consumidores.

Por diseño adaptativo entendemos aquella aplicación y/o página web que adapta contenidos y formato al dispositivo desde el cual el usuario esta navegando, bien sea smartphone – teléfono móvil inteligente -, tablet y/o portátil u ordenador de sobremesa.

Tenemos muchas razones para migrar nuestras páginas web y aplicaciones – bien si tienes una empresa, organización y/o página personal- a un diseño adaptativo o responsive  design, entre ellas la mejora de experiencia de usuario navegando  por tu página web.  Piensa por un momento en la segmentación de dispositivos en el mercado en los últimos años: el usuario navega cada vez más mediante teléfonos de última generación – como el iPhone, Samsung Galaxy S5 o Sony Xperia X2- y en tablets.

Tal y como reza el titular del post no nos vamos a enrollar desde aquí y os dejamos con una recopilación de 10 infografias sobre diseño web adaptativo que, tanto si eres Desarrollador, agencia y/o cliente te ayudarán en la venta y toma de decisiones.

Por supuesto siempre os dejamos con una previa; una de las infografías que más nos ha gustado tanto por la calidad de los contenidos como por diseño y maquetación.

10 trucos sobre diseño web responsive o diseño web adaptativo, infografía

10 trucos sobre diseño web responsive o diseño web adaptativo, infografía

 

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