Tag: diseño web adaptativo

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