May 26th, 2007

Diseño web para Free Power Boards

por Sergio Ordonez at 10:54 am en Diseño Mascotas, Freelancing

Vamos a inaugurar un sección que creo que puede ser interesante, se trata de casos reales de encargos realizados en nuestra querida SOSFactory.

En este caso vamos a ver el diseño que realizamos para el header de Free Power Boards un sistema de gestion de contenidos para foros basado en PHPbb que está a punto de estrenar su tercera versión. Nos encargaron el nuevo diseño de su header.

Original header design

Si pinchas en la image puedes ver el diseño original.

Lo primero que salta a la vista es que es un diseño divertido, pero con poca calidad gráfica. Los diseños de los pingüinos son clipart, osea que no es un diseño exclusivo, el logo es bastante básico y los colores no es que sean feos pero se podían mejorar.

El cliente en principio nos pidió que diseñaramos una mascota y el típico botón animándonos a que nos registremos en su página, ya veremos que cuando se trabaja, un buen cliente se puede convertir en uno realmente excelente :) . En principio el trabajo se presupuesto en 300US$.

Después de un rato de chat llegamos a la conclusión de que la mascota sería una llama. En principio la elección del animal me dejaba algunas dudas… pero el cliente manda, ya sabes. Cuando llegó a mis manos el primer boceto estaba claro que el animal daba mucho de sí, échale un ojo:

Skecht 1

Este diseño era gracioso pero nos faltaba algo, pensamos… "Ya que Free Power Boards es un software de aspecto gráfico personalizable, ¿no sería divertido si el propio animal trabajara en el nuevo diseño?". Dicho y hecho:

Skecht_1

Esto empezaba a verse divertido. Nuestro personaje estaría pintando el header con nuevos colores más vibrantes. Sólo tuvimos que hacer dos correcciones:

  1. Fíjate que el personaje ahora mismo es una llama cualquiera. Decidimos darle uniforme corporativo.
  2. Otro pequeño detalle, fíjate las latas de pintura, cualquiera diría que nuestros trabajadores (imagen de nuestra compañía) son un poco descuidados… no estamos transmitiendo el mensaje adecuado.

Skecht_1

Así se veían nuestros personajes después de las correcciones.

Hicimos dos diseños del mismo personaje para dar más opciones al cliente, pero les gustó tanto que nos compró ambos diseños, simplemente cambiamos la cara de la segunda para que se diferenciasen un poco. El trabajo subió a 500US$, a cambio accedimos a hacerle una nueva version de su logo.

Final lineart

Aquí puedes ver las lineas finales para ambas mascotas.

Ahora vamos con el color, antes de nada pedimos una versión final del nuevo diseño, para asegurarnos que los colores de nuestros personajes se verían bien con el nuevo fondo:

Header design 2

Haz click en la imagen para ver el nuevo diseño.

Estuvimos haciendo algunas pruebas de color y resultó que los colores que mejor se adaptaban al naranja eran tonos frescos, aquí puedes ver las mascotas a todo color:

mascot design full color

En este punto del encargo se nos ocurrió que sería mucho mejor añadir otra llama para que sujetara el botón de "join free", ofrecimos hacerlo gratis. A partir del diseño que ya teníamos hicimos unas pequeñas modificaciones de la cara y del color, y la cosa pasó a quedar como ves:

mascot design full color

En ocasiones cuando un diseño tiene tantas posibilidades prefiero hacer trabajillos extra sin cobrar a que el diseño se quede incompleto, como recompensa tendremos un super diseño más en nuestro portafolio, y quién sabe que mas… Ok, veamos como quedó el header, el logotipo consistió en un efecto metálico con una font moderna, tecnológica y contundente pero divertida:

Header design 2

El cliente estaba muy contento con el diseño pero a su parecer estaba descompensado, texto de la derecha debería desaparecer. Le dimos varias opciones y al final optó por encargar un nuevo personaje. Esta vez sería algo más cómico, se nos ocurrió la idea de añadir una llama como contrapunto al resto, gordita, patosa y muy divertida. Su misión consistiría en limpiar la "v3" de nuestro logo… para no alargarnos más os dejo la versión final del personaje:

Header design 2

Y así es como hicimos este maravilloso header, al final el diseño salió por 700US$. El cliente salió ganando porque consiguió un buen descuento, y nosotros también por un lado porque disfrutamos muchisimo con el trabajo, por otro porque hicimos varias ventas sin tener que movernos demasiado y además tenemos una excelente pieza de portafolio.

Header design 2

Como ves, cuando se trabaja bien, un buen cliente se puede convertir en uno realmente excelente :)

Actualmente estamos trabajando en algunos banners, esperemos que esta nueva relación sea para largo.

Ni que decir que os paseis por la página de Free Power Boards para ver el diseño en vivo. Muchisimas gracias a Chris, CEO de Free Power Boards por darme permiso para escribir este artículo.

Comparte este artículo: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • StumbleUpon
  • BlinkList

Post relacionados:

  1. Diseño de mascotas gratis (Nueva mascota añadida)
  2. PSDTUTS entrevista a Sergio Ordóñez
  3. Bancos de fotografías gratis

6 comentarios »

esta exelente todo el proceso de realizacion, en verdad es un gran ejemplo de una venta, ahora con la ayuda de tus posts… eh realizado mi primera venta de mi primer mascota :P… fue para un cliente local, fue algo sencillo pero el resultado me ha dadon mucho gusto. :D y mi cliente ah quedado bastante contento con su mascota que ahora me ha pedido mas diseños del mismo personaje en distintas posturas y quiere realizar toda una campaña publicitaria con su nueva mascota :D… ahora esta por realizar calcas, y creoque ha sido muy satisfactorio el poder leer etos ejemplos por que me ahn orientado mucho, sigue con la pagina :D mil gracias.

Comments de elChaMucO — May 30, 2007 @ 10:57 am

Me alegra escuchar esto, de verdad :)

Comments de Sergio Ordonez — May 30, 2007 @ 10:58 am

esta crebere osea paja ps para poder dibujarlo buena man

Comments de pierre Rosales Yarasca — October 13, 2007 @ 9:44 am

Simplemente me encanta el diseño de estas mascotas. huy me dan tantas ganas de poder llegar algun dia a realizar diseños asi !!!

Comments de Adriana — November 30, 2007 @ 3:16 pm

Excelente trabajo, y muy buenos consejos.

Comments de Carlos Nava — December 18, 2007 @ 8:49 pm

Como siempre, muy generoso de tu parte compartir con todos nosotros estas experiencias.
Y el diseño logrado, se ve muy bueno en la página de Free Power Boards.

Comments de Diego — January 17, 2008 @ 2:43 pm

RSS Sindicación de los comentarios de este post. TrackBack URI

Haz un comentario

XHTML: Etiquetas permitidas:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>