Congreso online a través de webinar y ponencias digitales

Congreso online a través de webinar y ponencias digitales

Congreso 2.0

Diseño Web newsletters videoconferencia

Cliente

Congreso Online IOR
Trabajo realizado desde Bendit-Thinking

Servicio

Web Corporativa, Webinar, Newsletters

Diseño

Diseño UI/UX, Diseño Gráfico

Herramientas

Photoshop, Illustrator, Wordpress, HTML5/CSS

Diseño de la web del Congreso 2.0 IOR

 

Los problemas originados por la expansión del COVID-19 hicieron imposible la realización del Congreso del Instituto Oftalmológico Recoletas de manera presencial. Debido a estas circunstancias surge la necesidad de organizar un congreso de forma virtual por medio de videoconferencias y ponencias grabadas en video.

Nos encargamos de la realización y organización del Congreso formando parte del equipo seleccionado por Bendit-thinking.

Objetivos cumplidos

 

  • Realización de la web del Congreso con acceso restringido para las personas que han abonando el pase al evento. Configuración de los accesos mediante contraseñas asignadas a cada grupo de usuarios o empresas colaboradoras.

  • Diseño de la web con una parte informativa y de acceso libre para todo el publico con información del evento, información personalizada de los ponentes, programa de ponencias y patrocinadores.

  • En las partes de acceso restringido acceso a 5 páginas con las 5 temáticas del programa y videos de 3 ponentes por sección.

  • Publicación del programa, temática, ponentes y participantes en el debate de cada sección.

  • Conversión de las presentaciones a portadas en PowerPoint a video para su correcta visualización en mpg4.

Al pulsar sobre las imágenes de los ponentes se abren popups con la información de sus currículos.

Publicidad de los patrocinadores

 

  • Conversión del formato de los anuncios de los patrocinadores.
  • Emisión de los anuncios en los lugares elegidos por los patrocinadores.
  • Cada página tiene integrado un anuncio de publicidad aportada por los patrocinadores. La publicidad debe ser visionada los primeros segundos para poder acceder a los contenidos.

Las ponencias 

Las charlas de los invitados a la webinar estuvieron disponibles en la web durante unos meses previos a las videoconferencias.

Newsletters

 

  • Diseño de varias newsletters en HTML para la invitación al evento y las diferentes comunicaciones tanto para los participantes como para los ponentes.
  • Información mediante estos comunicados de los modos de acceso y contraseñas para acceder a las videoconferencias

Accesos privados

Establecimiento de accesos para los diferentes usuarios VIP que tienen acceso a los contenidos de la video conferencia. Los accesos se comunican a los usuarios por medio de una newsletter específica.

Durante el evento 

  • Inserción de los spots de los patrocinadores en la página del evento. 
  • Emisión de la publicidad de los patrocinadores en los minutos previos de la videoconferencia.
  • Grabación de las ponencias y supervisión de su correcto funcionamiento, así como asesoramiento a los participantes en caso de problemas de conexión los días de realización del evento.
  • Control de asistencia y la correcta visualización del Congreso de forma virtual a través del servicio de Zoom asociado para videoconferencias.

Después del evento

  • Edición y subtitulado de las ponencias.
  • Conversión de las ponencias en varias resoluciones para ofrecer al usuario distintas opciones de tiempo de carga y subida a la página web. 

Cuestionarios

 

  • Elaboración de cuestionario para la aceptación del GDPR por parte de los ponentes y participantes.
  • Elaboración de un cuestionario de asistencia para certificar el seguimiento del evento por medio de la herramienta de cuestionarios de Google e integración del cuestionario dentro de la página web.
  • Recepción de los datos de los asistentes para la emisión de un diploma acreditativo de su participación.

Estilo de la marca

 

Se utilizada para el diseño de la web un estilo algo diferente de la página corporativa tanto en la tipografía como en los colores que a pesar de mantener el tono azul como base se utiliza en una versión más eléctrica.

La tipografía elegida es Barlow y se alterna con distintos cuerpos de letra y colores para obtener un aspecto más digital y tecnológico.

Los colores elegidos son azul eléctrico para proporcionar contraste #00e7fe, frente a un azul más oscuro #004b84

Diseño responsive

Se realiza un diseño multiplataforma para la correcta visualización del sitio en todas las plataformas.  Se atiende a los distintos tamaños de letras para una buena legibilidad en teléfonos móviles.

Web Corporativa de Traumatología, Origen

Web Corporativa de Traumatología, Origen

Origen

Diseño Web

Cliente

Origen, diagnóstico y traumatología
Trabajo realizado para Bendit-thinking

Servicio

Web Corporativa

Diseño

Diseño UI/UX, Diseño Gráfico

Herramientas

Photoshop, Illustrator, Wordpress, HTML5/CSS

Páginas

Origen, rediseño completo de la web corporativa

 

La empresa de traumatología y diagnóstico necesitaba rediseñar completamente la página web que había quedado obsoleta y transmitir la seriedad y responsabilidad de la nueva marca. Una nueva imagen diseñada para una nueva etapa

Reflejar la nueva identidad corporativa adecuada a los tiempos actuales y permitir el conocimiento de los servicios disponibles así como transmitir las medidas de seguridad existentes en todo el centro.

Objetivos cumplidos

 

  • Transmitir con claridad la nueva imagen de marca.
  • Proporcionar una navegación sencilla, clara y elegante a través de todos los contenidos web.
  • Presentar todos los servicios disponibles tanto en diagnóstico como en tratamientos.
  • Hacer visualmente más legible unos textos excesivamente largos.
  • Dar a conocer las medidas de seguridad por COVID-19.
  • Presentar el equipo médico de ambas áreas de trabajo.
  • Facilitar la ubicación del centro.
  • Mostrar sus instalaciones y tecnología.
  • Dar a conocer la política de calidad y medioambiente, la guía del usuario, y el desempeño ambiental además del GDPR.

La web 

Un diseño atractivo, visual y consistente para todo el sitio corporativo.

Estilo de la marca

Se busca una estética limpia basada en el uso del color blanco para los fondos. Las imágenes se plantean en blanco y negro para que cuando se pase el cursor sobre ellas se iluminen de color. De ese modo se mantiene la unidad estética y minimalista que se busca.

Para la tipografía se utiliza como fuente para los titulares Helvética y Raleway alternando grosores ultrafinos y gruesos que combinados ofrecen un aspecto limpio y visual.

En cuanto a los colores se utilizan los mismos del nuevo logotipo. Amarillo #ffd600 y gris #636363. Dichos tonos se mantienen a lo largo de toda la página. 

 

Iconos
Corporativos

Diseño de unas imágenes para representar los equipos con los colores de la marca.

Tipografía

Rótulos diseñados con dos grosores de tipografía helvética para aligerar y dar ritmo a los textos.

Además se juega con distintos tamaños de fuente para lograr resultados más visuales.

Diseño responsive

Se realiza un diseño multiplataforma para la correcta visualización del sitio en todas las plataformas.  Se atiende a los distintos tamaños de letras para una buena legibilidad en teléfonos móviles.

Web corporativa del Instituto Oftalmológico Recoletas

Web corporativa del Instituto Oftalmológico Recoletas

Instituto Oftalmológico Recoletas

Diseño Web

Cliente

Instituto Oftalmológico Recoletas
Trabajo realizado desde Bendit-thinking

Servicio

Web Corporativa, SEO y mantenmiento

Diseño

Diseño UI/UX, Diseño Gráfico

Herramientas

Photoshop, Illustrator, Wordpress, HTML5/CSS

Páginas

Rediseño completo de la web corporativa

 

El instituto Oftalmológico Recoletas quería un diseño nuevo para su web corporativa. La empresa querían reflejar un catálogo con todas las enfermedades y tratamientos visuales que aplican, así como todo el equipo médico con el que trabajan en sus cuatro sedes. Este es un proyecto muy amplio ya que cuenta con 175 páginas entre enfermedades, equipo técnico y equipo médico.

Objetivos cumplidos

 

  • Página de navegación sencilla y claros contenidos con un diseño atractivo.
  • Buscador en el menú personalizado para encontrar contenidos con facilidad
  • Incluir un video en la página principal.
  • Dar relevancia a los tratamientos de cataratas uno de los puntos fuertes del centro.
  • Destacar los tratamientos de Cirugía refractiva otra de las áreas de mayor atención.
  • Mostrar todas las enfermedades tratadas agrupadas por categorías y varios métodos de acceso a ellas
  • Dar importancia a todos los equipos de los diferentes centros del grupo en sus respectivas localidades y mostrar una hoja de datos con los currículos y capacitación de cada miembro del equipo médico.
  • Mostrar toda la tecnología utilizada por el centro para los tratamientos y su descripción técnica y aplicaciones..
  • Reflejar en el área del paciente los contenidos de mayor interés para los usuarios.
  • Habilitar una zona de guías y consejos con las recomendaciones especializadas para el cuidado de la visión según la edad.
  • Esta sección se habilita en forma de noticias del blog para tener acceso a ellas desde distintas partes de la web.
  • En la actualidad reflejar las diferentes categorías de las noticias del centro ya sean noticias del centro, consejos o simplemente noticias de actualidad.
  • Establecer una zona con las protecciones que se han habilitado desde el centro para las protecciones contra el virus COVID-19
  • Habilitar en el menú de forma directa y muy accesible el contacto con el centro, el buscador y sus redes sociales.
  • Proporcionar a los clientes acceso a toda la información legal sobre el GDPR y la protección de datos del paciente especifica para tratamientos sanitarios

 

La web 

Un diseño atractivo, visual y consistente para todo el sitio corporativo.

Buscador

Es una web muy amplia con 175 páginas por lo que para facilitar la navegación se incluye una página de búsqueda de contenidos y así poder acceder a ellos con mayor facilidad.

El buscador se encuentra en el primer elemento del menú personalizado a la izquierda, así como en una página de búsquedas creada ex profeso para facilitar la navegación. Por otro lado, en la parte inferior de la página se encuentra otro buscador además del acceso a las diferentes enfermedades clasificadas por grupos, para facilitar al usuario el acceso a todos los contenidos desde múltiples opciones.

Sencilla actualización

 

Ahora la firma dispone de una web corporativa moderna y sencilla de actualizar gracias a su diseño en WordPress.

Cada noticia se asigna al apartado adecuado de la web ya sea Guías y consejos, actualidad u otras noticias del centro de forma que el usuario puede acceder a todos los contenidos con facilidad y el departamento de marketing publicar sus actualizaciones.

Catálogo de enfermedades y tratamientos disponibles.

Se ha elaborado un profundo desglose de todas las enfermedades y tratamientos posibles en el cuidado de la visión.

De ese modo se contempla cualquier tratamiento necesario para el paciente. Así mismo, se describe pormenorizadamente los pasos a seguir y posibles opciones para su solución.

Diseño responsive

Se realiza un diseño multiplataforma para la correcta visualización del sitio en todas las plataformas.  Se atiende a los distintos tamaños de letras para una buena legibilidad en teléfonos móviles.

Onepage de fisioterapia, Rubén Martín

Onepage de fisioterapia, Rubén Martín

Fisioterapia

Diseño Web onepage

Cliente

Rubén Martín fisioterapia

Servicio

Web Corporativa Onepage

Diseño

Diseño UI/UX, Diseño Gráfico

Herramientas

Photoshop, Illustrator, Wordpress

Páginas

Diseño de la web en Onepage

 

El fisioterapeuta Rubén Martín necesitaba una web sencilla para darse a conocer a sus clientes y que pudieran contactar con él via telefónica y por whatsapp. Para ellos se diseña una web en formato onepage que incluye todos los aspectos necesarios para darse a conocer.

Objetivos cumplidos

 

  • Diseño en onepage atractivo y responsive
  • Se opta por un diseño en WordPress porque el propietario quiere poder modificar los contenidos como imágenes y precios una vez diseñada la estructura de la web.
  • Se realiza un tratamiento de los textos con los principales contenidos con un trabajo de redacción.
  • Se ponen varias tablas a petición del cliente con los distintos precios para su posterior modificación.
  • Se crea un contacto completo con un botón de contacto por WhatsApp, teléfono con automarcación y formulario.
  • Se realiza el SEO de todos los contenidos e imágenes
  • Se realiza el GDPR con sus páginas legales y un menú secundario para su acceso.

Diseño de unos sencillos iconos para mostrar las tareas habituales en los tratamientos de fisioterapia

Estilo 

  • El logotipo diseñado previamente por otro diseñador nos da las claves de la tipografía y colores a usar en la página y así mantener un consistencia con el estilo.
  • La tipografía Poppins para los títulos, Open Sans para los subtítulos y Raleway para el cuerpo del texto en su cuerpo normal.
  • Lo colores se alternarán según los fondos en varias gamas que comprenden
    • Azul #00aeef
    • Gris oscuro #2f2f2f
    • Negro y blanco puros
Onepage de servicios, Balleta mágica

Onepage de servicios, Balleta mágica

Bayeta Mágica

Diseño Web                        Identidad corporativa

Cliente

Balleta Mágica, servicios de limpieza

Servicio

Web Corporativa Onepage

Diseño

Diseño UI/UX, Diseño Gráfico

Herramientas

Photoshop, Illustrator, Wordpress, 

Página

Diseño Onepage para Bayeta Mágica

La empresa de limpieza Bayeta Mágica necesitaba una web sencilla para dar a conocer sus servicios y sobre todo transmitir sus datos de contacto. Para ello se elabora una página estilo onepage donde todos los datos se encuentren a un simple vistazo.

Identidad Corporativa

 

Se diseña un logotipo luminoso y alegre que transmita limpieza y alegría. Con colores azules y amarillo anaranjados para simular los colores de una bayeta y del cielo en los cristales.

Con una tipografía sencilla e impactante y el isotipo de una mano limpiando.

Se elaboran unas tarjetas para el negocio sencillas, pero manteniendo la imagen de la marca.

 Objetivos cumplidos

  • La estética de la web esta basada en el uso de ilustraciones coloridas y dinámicas con algunas imágenes de colores planos.

  • Se dibuja un mapa de la zona de actividad para circunscribir el área de trabajo.

  • Se utiliza una tipografía sans serif o de palo seco en todo texto para facilitar la lectura en pantalla.

  • Se habilita el servicio de atención por WhatsApp para facilitar el contacto con los clientes, así como la llamada automatizada desde móviles, simplemente pulsando el número de teléfono.

  • Por otro lado, se elabora un cheque de regalo de limpieza para permitir regalar los servicios en momentos en los que limpiar puede resultar muy molesto como convalecencias, bajas, etc.

  • Se diseñan unos iconos alegres para reflejar los distintos tipos de limpieza que se realizan.

Pin It on Pinterest

× ¿Cómo puedo ayudarte?