3818 Design & Development

Website corporativo

Problema

Red Link necesitaba rediseñar su sitio web ya que era obsoleto, algo antiguo y estaba construido en Flash. Uno de los requerimientos y limitantes clave para tener en cuenta, era que no podiamos utilizar base de datos ni Wordpress por temas de seguridad.

Solución

La solución fue encontrar las herramientas justas que nos permitieran construir un sistema de genstión de contenidos basado en archivos de texto plano y sin base de datos.

Proceso

Inicio

El proyecto comenzó como un rediseño del sitio web pero se transformó en algo más complejo desde el momento que tuvimos que crear un administrador de contenido exclusivo para Red Link. Este administrador le daba la posibilidad a Red Link de crear páginas, editar el contenido de las mismas, agregar items en la barra de navegación, cambiar links y demás.

Rediseño

El diseño del sitio fue una pieza importante para comenzar a maquetar. El único problema que tuvimos fue que el diseño no lo comenzamos nosotros. Lo mandó Red Link y el mismo presentaba fallas de experiencia de uso importantes. Sin mencionar que se habían tomado decisiones de diseño poco y nada convencionales para lo que conlleva desarrollar un sitio web. El diseño se asemejaba más a un folleto o una pieza de impresión que a un producto digital y eso era un inconveniente grave que teníamos.

Con lo cual empezamos un proceso de adaptación del diseño original al diseño ajustado para poder llevarlo a cabo. Tomando decisiones de diseño basándonos en las tecnologías disponibles que ofrece la web en estos tiempos. Además comenzamos a pensar cómo hacer que este enorme sitio sea visible en dispositivos móviles ya que la versión anterior de su sitio hecho en Flash no contaba con esta ventaja.

Desarrollo

Como dijimos antes, una de las fuertes limitantes que teníamos era el rechazo a implementar utilizando bases de datos o Wordpress. Por lo tanto comenzamos la investigación y el debate para concluir en qué tecnologías nos serían útiles para encarar el desarrollo de este sitio.

Una particularidad que tenía el proyecto es que contaba con muchisimas páginas con mucho texto a introducir. Estas páginas estaban enlazadas a una landing page que también tenía texto importante que necesitaba ser editable a medida que pase el tiempo ya que ahí se iban a exhibir promociones, novedades, etc.
Para esto creamos un administrador con un inicio de sesión destinado a los usuarios administradores de Red Link. El administrador permitía visualizar cada una de las páginas individuales y llevar a cabo la edición de cada una de ellas, a su vez también permitía agregar nuevas páginas y lo más importante, exportar automáticamente la versión final del sitio para subir al servidor y poner en marcha el sitio.

Al no tener base de datos tuvimos que implementar el sistema de gestión de contenido en un formato de archivos de texto plano. La mayor parte del código es html estático generado por el panel de administrador del que hablamos anteriormente. Para conseguir esto utilizamos Raptor una tecnología, o librería Javascript, que nos permitía editar en tiempo real el texto en pantalla sin dejar de visualizar el diseño.

Entrega

Esto no es todo, una vez habíamos tenido el sitio y la aplicación de administrador funcionando sin problemas comenzamos a introducir contenido real a las páginas. Esta tarea hizo que nos demos cuenta de algunos puntos ciegos que tenía la aplicación, que más tarde corregimos y lo pusimos en funcionamiento.
Luego de terminar la tarea de diseño y desarrollo acordamos con Red Link visitar sus oficinas y hablar con la gente idónea en el tema para poder configurar e instalar esta aplicación ya que tuvimos que cumplir con múltiples exigencias de seguridad al tratarse de una entidad bancaria, que hacían que la aplicación de administrador funcionara en un entorno controlado.

Conclusión

Actualmente Red Link tiene su sitio funcionando bajo este sistema de edición en tiempo real que le permite editar su contenido sin tener base de datos, sin ser un Wordpress y con múltiples soluciones de seguridad que lo hacen un sitio rápido, fiable y editable. Sin duda es una solución concreta a un problema concreto exclusivo de Red Link.