Behance Twitter LinkedIn Facebook
Página de inicio Cartera Contacto

Diseño de interfaz de usuario/sitio web y desarrollo de WordPress para Inspires Marketing

Resumen del estudio de caso

Inspires Marketing es una exitosa agencia de marketing con sede en el suroeste de Londres. Su sitio web original fue construido en la plataforma Joomla en 2012 y hace tiempo que se debe actualizar. El cliente me proporcionó el logo de la compañía, imágenes de buena calidad, contenido rico, y me presentó los siguientes requisitos:
  • Mover el nombre de dominio a un nuevo host que ofrezca un certificado SSL gratuito.
  • Diseña y construye un nuevo sitio usando WordPress para permitir la publicación en el blog.
  • Enlace el formulario de contacto con Mailchimp.
  • Configurar el seguimiento por Google Analytics y Facebook Pixel.
  • Lanzar el nuevo sitio en tres, máximo cuatro semanas.

Las soluciones

Diseño UX/UI

Diseño web

Desarrollo de la web móvil

Desarrollo de la web WordPress

Transferencia de dominio

Aplicación de Google Tag manager

Integración de Mailchimp en el formulario de contacto

Ver Inspires Marketing

Detalles del proyecto

Los fundamentos del proyecto

La clienta compró el paquete de alojamiento de Krystal hosting, y moví el dominio inspiresmarketing.com al nuevo host y activé el certificado SSL, habilitando así el protocolo https para el sitio.
He buscado y editado un icono para cada servicio de marketing que mi cliente ha proporcionado y he colocado la sección "Mis servicios" en el cuarto superior de la primera página para darle la atención que se merece.
Sugerí crear una sección que destacara la experiencia de Susie en el campo del marketing. Seleccionamos algunas compañías para las que Susie ha trabajado e incluimos sus imágenes de marca en una pequeña galería de imágenes. En el aire, la imagen se superpondría con un fondo claro y un texto detallando el trabajo de marketing que mi cliente ha hecho para esa empresa en particular.

Different devices screens displaying Inspires marketing's services, testimonials and expertise sections
an i-pad showing Inpires Marketing;s cleints' logos

La clienta tenía una buena cantidad de comentarios positivos de sus clientes y sugerí incluir algunos de los comentarios en la primera página y enlazarlos a una página de Testimonios separada, ya que los enlaces internos impulsan el SEO. Lo mismo se hizo con los logos de los clientes de Susie.

Diseño de la interfaz de usuario

Utilicé mayormente los colores del logo de la compañía para el diseño, sólo a veces dándole a los colores un poco de transparencia. El fondo del título era consistente en cada página con el uso de los colores del logo y una demostración de las herramientas que la clienta usa para su trabajo. Le sugerí a la clienta que eliminara los submenús para mejorar la interfaz de usuario. Dejamos un menú limpio de una línea en el encabezado.
Se aplicaron efectos de desplazamiento y enfoque a todos los elementos dinámicos de la página.
Se introdujo un widget de acordeón en la página de servicios para mejorar la calidad de la interfaz de usuario y mejorar la experiencia del usuario.
La imagen del héroe fue manipulada con efectos y posicionamiento de fondo para asegurar que la imagen de la clienta pudiera ser vista en cada dispositivo, y la declaración de misión tenía un alto contraste con el fondo en cada dispositivo.

Phone and ipad screens showing the strongest points of UI design