Hemos finalizado el rediseño de un website para un nuevo cliente: MicroMED System.
Esta empresa se dedica, desde 1989, al desarrollo y comercialización de implantes e instrumental quirúrgico en la especialidad de Artroscopía y Traumatología, logrando los mas altos niveles de calidad en implantes osteointegrables.
El proceso de diseño
Para llevar a cabo la tarea, primeramente se hizo un relevamiento del sitio web actual, evaluando las diferentes secciones y apartados, para poder elaborar así un diseño más funcional, y con un alto criterio estético.
Como segundo paso, esencial para nosotros en el proceso de diseño, se procedió a bocetar unas ideas simples en papel, para poder así tener una visión general del planteo nuevo de diseño a implementar. A continuación pueden verse los bocetos realizados para la homepage:
Como se menciona anteriormente, es esencial poder replantear el diseño, de manera que este sirva a la comunicación, imagen y objetivos de la empresa. En este caso particular, debimos considerar los siguientes puntos:
- Un sitio cuyo público principal, serán profesionales de la medicina, que cuentan con muy poco tiempo para encontrar la información que desean.
- Un diseño super funcional, con un alto criterio estético.
- Rigurosidad formal, ya que el mercado meta del cliente apunta a un target donde la precisión, exactitud y limpieza son esenciales (medicina y cirugía)
- Una alta claridad formal para el planteo de la página y sus contenidos.
- Una paleta de colores sólida, pero que no moleste a la lectura rápida y ágil.
- Una línea conceptual y gráfica, basados en la metáfora de "laboratorio".
El tercer paso es la presentación de nuestras propuestas gráficas, aquí hemos hecho un mix entre los bocetos, para darles forma con lo mejor de cada uno. En el caso de la homepage, se han planteado dos variantes, bajo el mismo criterio:
La primera plantea dos navegaciones, una textual, y otra con una botonera en flash, más sugestiva, cuya idea es una segunda forma (no imprescindible) de navegarla de manera más sutil. Para usuarios que no lleguen a usar dicha navegación, se plantea una textual (montada sobre un fondo azul oscuro), donde cada area es claramente enunciada.
A continuación se puede apreciar el 'esqueleto' funcional de la página de inicio, con las porciones de pantalla asignadas a las distintas funcionalidades del sitio:
De esta forma, encontramos 3 grandes áreas:
- Animada (en color verde): donde se ubican fotos relacionadas con la parte del sitio que se está navengado, y opcionalmente, una navegación intuitiva, sólo basada en los botones rectangulares, que acompaña a la textual.
- Navegación textual (en color rojo oscuro): que se incluye como navegación principal, y es la más directa y clara a la hora de buscar los contenidos.
- Contenidos (en color naranja): donde se ubican los contenidos textuales, e imágenes a desarrollar, para cada sección.
Area azul: es un menú de navegación que funciona contextualizado en el sector del sitio en el que uno se encuentra, siempre y cuando sea necesario: por ejemplo, en la homepage, despliega las novedades y el link al catálogo.
La segunda variación de homepage, es similar a la anterior vista, con el único cambio que se elimina la botonera superior (en la parte animada) y se gana espacio arriba, haciendo el sitio más compacto, y dejando la navegación encargada a la parte textual, más clara y directa.
El concepto del diseño
Los recursos formales y conceptuales del diseño, han sido insinuados ya en este texto, pero podríamos agregar:
- Utilización de diagonales, valiéndonos de los triángulos en el logo como inspiradores, generan tensiones y dinámica al sitio, sin quitar precisión, exactitud y prolijidad al diseño, además de connotar esos valores.
- Paleta de colores potente: azul, naranja, y blanco, manteniendo la linea corporativa de la empresa, pero contrastándolos de forma inteligente para lográr un sitio pregnante y llamativo al ser navegado.
- Limpieza, cuidado y ajuste: todo ello traducido por el diseño cuidado y el alto detalle a la hora de hacer convivir colores, formas y zonas de navegación.
Para finalizar esta presentación, incluímos, siguiendo esta línea proyectual, la página principal de productos, con el diseño propuesto:
Pueden visitar el nuevo sitio en la siguiente url: www.micromedsystem.com.
Eduardo Cesario 
