Caso de estudio • Caso de estudio •

Hacemos paginas web para el futuro

Cotizar

Cliente

OFAR - Oficina de Abogados

Proyecto

Rediseño de sitio web

Website

ofar.com.do

Ofar - Oficina de abogados by Future

Cliente

OFAR oficina de abogados y contadores. Ofrecen una amplia gama de servicios legales, contables y fiscales en toda la República Dominicana.

Llega a nosotros de la mano de uno de nuestros socios comerciales Bumo (anteriormente Marketing Ilustraciones)

Objetivos

Al momento de llegar a nosotros OFAR ya contaba contaba con un website. El problema principal es que este estaba completamente roto, las imagenes estaban super pixeladas, no tenia ningún tipo de animación ni dinamismo y el diseño realmente no representaba ni un poco el como una empresa del alcance de OFAR se debía ver.

Antes

Ofar antes de ser actualizada por future

Nuestro objetivo principal era el de dar una nueva imagen a la web, basado en el nuevo diseño de marca, que ademas fuera responsive y mostrara a la empresa en todo su esplendor.

Además de crear esta nueva imagen, teníamos que preservar el posicionamiento que la web tenía en los buscadores (SEO), ya que el website cuenta con cientos de artículos y muchos de ellos tenía cierto nivel de tráfico para algunas palabras clave.

Retos principales

El primer reto que teníamos no era el tema visual de la web, era el hecho de que los cientos de artículos que tenía estaban en un sub-dominio y además había que cambiar la url de algunas categorías que servían como base para estas url’s.

Luego de esto teníamos que unificar contenidos que estaban dispersos y el cliente había solicitado que se unificaran para un mejor entendimiento del cliente (lo que es muy correcto porque la experiencia de usuario siempre es lo mas importante) y teníamos que hacer que los motores de búsqueda no perdieran de rastro esos contenidos y nos penalizara el posicionamiento.

El último reto por supuesto era crear un diseño atractivo, que estuviera centrado en el usuario y que reflejara el profesionalismo del cliente.

Estrategia

Análisis

Iniciamos la fase de análisis, descargamos una copia de seguridad para asegurarnos de que siempre podamos volver a salvo al punto de inicio si sucede cualquier error.

Luego de tener los datos procedimos a analizar y modelar los datos de los artículos y todas las url’s de la web, esto es importante ya que en la nueva web que haremos debemos mantener estos mismos enlaces, ya que estos están indexados por los buscadores.

Diseño

Para iniciar con el diseño lo primero que hicimos fue crear el sitemap de como se iba a estructurar la web, enviamos el primer boceto de la home page para aprobación:

Diseño web de Ofar hecho por Future

El cliente aprobó el diseño de la home por lo que procedimos a diseñar todas las demás secciones internas.

Para la aprobación final de los diseños, enviamos al cliente un mockup (alta fidelidad) con los diseños montados para simular el uso, clicks y scroll de la pagina, luego de cambiar unos detalles, completamos exitosamente la fase de diseño.

Al código

En esta parte era donde de verdad teníamos que poner especial atención, como mencionamos mas arriba, la pagina tenía mas de 650 artículos y muchas otras paginas internas.

Lo que hicimos luego de crear las paginas internas nuevas, fue descargar todos los datos en nuestra instalación, ya que no es para nada recomendable trabajar sobre una instalación vieja, como dato curioso, en este website encontramos que había 32 plugins activos 😵.

Sobra decir que tener tantos plugins es una muy mala practica. Cuando hay tantos plugins generalmente es porque se estaba queriendo tener muchas funcionalidades que idealmente deben resolverse dentro del código de un child theme, ya que cada uno de esos plugins carga recursos y cuando tienes mas de 30, la carga de recursos a la web es brutal.

Para los enlaces verificamos que todos estuvieran apuntando a un post correctamente, pero como hicimos cambios, las url’s de los contenidos que eliminamos fueron dirigidas con una redirección 301, este es un tipo de redirección que le dice a los motores de búsqueda que el contenido ahora se encuentra en otro lugar, asi evitamos tener url’s muertas y mantenemos una web limpia.

Test de calidad:

Como fase final antes de hacer entrega del proyecto, pasamos por un test de usabilidad, tenemos un checklist interno que utilizamos para darle seguimiento a los pequeños detalles que se puedan escapar, asegurando asi que el cliente obtenga una web funcional, responsive, que cargue rápido y que sea visualmente atractiva para el cliente final.

Resultados

Como resultado terminamos teniendo un website moderno que cumple de sobra con las expectativas de nuestros clientes y sus clientes.

El ranking en Google no solo se mantuvo, sino que aumento y gracias a las mejoras en la usabilidad, el envío de correos y llamadas desde la web aumento también.

Así que si tienes un website con mucho contenido, que ya esté posicionado en Google y necesitas a alguien que te haga un update profesional, no dudes en comunicarte con nosotros.

Trabaja con nosotros • Trabaja con nosotros •

Javier Santos

Founder / Developer / Designer

“Nuestra misión es contribuir con el futuro digital de tu empresa”

Comunicate con nosotros