Blog Path0 Inform@tica

Una nueva Web, www.patho.es

Martes, 27 Septiembre 2011 12:27 Written by  Carlos
Llevábamos mucho tiempo con ganas de cambiar nuestra vieja web; el día a día y la prioridad con nuestros clientes, dejaban en un segundo plano nuestro sitio en Internet.

Por fin este verano lo planificamos e iniciamos un proyecto diferente, dimos rienda suelta a la imaginación y empezamos con una pregunta:

"¿Qué te apetece para la web?"
,

... "A mi algo divertido".

... "Pues yo no quiero la típica Web de empresa... quienes somos, donde estamos... etc".

... "Yo quiero mostrar el equipo PATHO"
.

Tras una mesa de trabajo empezamos con los conceptos.

Diferente, Caprichosa, Caótica y Atractiva... sí, sí, es la definición de lo que queremos como Web, no la descripción de Natalie Portman, bueno, también.

¿Quieres ver como se ha cocinado esta Web... ?

Intentaré ser breve.

Agradecimientos:

Lo primero es agradecer a todo el equipo su implicación y las continuas proposiciones, a veces descabelladas, je, je... que han hecho de este proyecto sea uno de los más apetecibles.

Concepto:

Queríamos que la Web fuese algo más que un conjunto acorde de estilos, colores y fuentes, queríamos que formase parte del Universo, (como veis en PATHO no tenemos grandes pretensiones ;-)) y que mejor escenario que las matemáticas y una serie creciente, creciente, creciente....

La secuencia de Fibonacci nos parecía perfecta para comenzar el boceto. No pretendo aburriros con ecuaciones lineales y demostraciones, en la red encontraréis una ámplia información sobre esta serie numérica así como su relación con el numero áureo.

0,1,1,2,3,5,8,13,21,34,55,89,144...

En este estupendo video de Cristóbal Vila se explica en que consiste y algún ejemplo de como se encuentra en la naturaleza, (la música de Mertens, simplemente maravillosa).


Montando el chasis:

Definimos pues una estructura geométrica que cumpla la secuencia, pero aquí comenzaron las dificultades...

"¿y las diferentes resoluciones de pantalla?, ¿y la accesibilidad?. Entonces construimos una rejilla que se reestructura dependiendo de la resolución del monitor, hemos utilizado las más difundidas:

  • 1920 x 1080
  • 1680 x 1050
  • 1440 x 900
  • 1280 x 1024
  • 1024 x 768

Nos gusta en la máxima resolución, pero entendemos que no todo el mundo dispone de un monitor con esas capacidades o con esos ajustes asi que la página se recolocará en función de los ajustes.

Ya con la rejilla preparada nos damos cuenta de que la Web aparenta un cierto caos cuadrangular; cuadros, rectángulos, más cuadros, más rectángulos ...

Además su visualización depende mucho de la resolución y parece fácil perderse, pero al mismo tiempo te incita a clikear buscando funcionalidades.

En este punto, la papelera está a punto de convertirse en la nueva casa de esta idea pero nos anima seguir pensar que el Universo tampoco es un ejemplo de mega-organización y nos lanzamos a la piscina, empezamos con la funcionalidad:

Menús, Redes Sociales, Imágenes Cotidianas, etc.

El súmmum ha estado en la zona central. ¿Qué hacemos ahí....? Ante unas cuantas propuestas, Andrés muestra un Slide de imágenes un poco especial; pero, ¿más cuadros?


Ya lo dije al principio, empezamos con un ... ¿Qué nos apetece?... y Andrés defendió muy bien el caldo y las tazas así que, más cuadros.

Colores y fuentes para unas decenas de pruebas, y empezamos con las fotos... ( risas ).

¿Por cierto, alguno sabéis el modelo de ordenador que usa Andrés para programar?

La Pestaña negra de la izquierda:

Un guiño a la ventana de comandos de Windows que tantas veces PABLO tiene en las máquinas del SAT con procesos de testeo y diagnosis del Hard.

Ah! en esa ventana está el formulario de contacto y un menú de navegación.

El Blog:

Esta parte es interactiva, consideramos que neceistamos un sitio donde contaros ideas, noticias y proyectos?, nace pues el blog Path0, un lugar para informar y que nos déis algun que otro feedback, se agradecen las críticas constructivas.

Y de momento eso es todo, este bicho lo iremos alimentando con nuestras sensaciones y tambien con alguna que otra emoción y espero que os sea de utilidad.

Carlos Martínez.

Bibliografía:

Número de Fibonacci

Sucesión de Fibonacci

etereaestudios.com

Tagged under
Rate this item
(0 votes)
K2_SOCIAL_SHARING

Buscador

Equipo Path0

Carlos

Proyectos.
Ventas.
Desarrollo.
Calidad.

Isidro

Administración.
Infraestructuras.
Compras.

Pablo

Servicio Técnico.
Mantenimiento.
Infraestructuras.
SAC.

David

Dpto. de desarrollo.
Diseño gráfico.
Hosting.
Socialmedia.

Andrés

Dpto. de desarrollo.
Diseño gráfico.
Hosting.
Socialmedia.

Bitacora

Avenida Mariano Andrés, 234, 24008 - León
987 27 16 27info@patho.es

Patho Informática © Todos los derechos reservados.

Patho Informática está optimizada para funcionar bajo los siguientes navegadores