Una empresa que nace necesita una buena marca para poder caminar. Comenzamos el proyecto creando una nueva marca. Minimalista, directa, fácil de recordar e identificar.

Indentidad corporativa ontheROI

El diseño de la web recae sobre la tipografía, al ser en esencia la herramienta de trabajo de ontheROI.

El proyecto es sencillo, atractivo y tiene múltiples posibilidades de maquetación. Se preparó el proyecto con varias plantillas que permiten al cliente distribuir la información en una arquitectura de una columna o dos columnas, combinando texto e imágenes libremente. Además de herramientas que permiten crear incluso botones gráficos, destacados animados o elegir entre varios formatos de publicación. Ofreciendo muchas posibilidades de maquetación y estructura al cliente.

Un proyecto que no existe necesita primero una marca con la cual identificarse. En una primera fase diseñamos la imagen corporativa con personalidad sintetizando en la mínima expresión la definición de TagBeats.

A partir de la marca creada se desarrolla un lenguaje o estilo gráfico que impregna de forma coherente cada una de las partes de la web. Para su desarrollo se prepararon más de 30 maquetas gráficas en las que meticulosamente se estudiaba la funcionalidad y la usabilidad.

El proyecto integra GoogleMaps con una red social en el cual un usuario puede geolocalizar una emoción respecto a un tema que ocurre en el mundo. Los resultados se obtienen en tiempo real mostrando una serie de sencillas estadísticas que muestran el estado de ánimo de los usuarios de una ciudad, un país o incluso el mundo entero. Todos los usuarios se encuentran interconectados en la red social, permitiendo amistades entre ellos, seguir a otros usuarios, emitir invitaciones, comentar sus tagbeats o incluso sincronizar sus cuentas con Facebook y Twitter.

Imagen corporativa y gráficos para TagBeats

Geolocalización del estado de ánimo de los usuarios en el mundo

Pantalla de bienvenida a la red social

La cabecera destaca gráficamente utilizando un lenguaje con tono publicitario. Fue a su vez el hilo conductor para el anuncio de prensa, también diseñado por nuestro estudio creativo.

beliv es parte de una suite de programas y software pensados para la protección informática desde un entorno común. En este primer proyecto establecimos las bases y estilos gráficos para el futuro software que completan la suite.

Nuestro objetivo era crear una interfaz muy limpia, clara y sencilla de manejar. El cuidado y mimo en el diseño gráfico de estilo minimalista, permite que el aprendizaje del software sea mucho más liviano de lo habitual, sobretodo en esta clase de programas que por lo general suelen ser complejos de manejar. Un usuario en pocos minutos se hace con el control de esta eficaz herramienta.

Roberto es un gran pianista, humilde y sencillo en persona, pero una auténtica fiera cuando está en el escenario. Fue un auténtico placer diseñar la web mientras sonaba su música de fondo, de alguna forma me acompañó en este viaje y me ayudó en la inspiración.

El estilo de la web mantiene un equilibrio entre lo sofisticado y exquisito del Jazz, junto con las mezclas de texturas desgarradas de Cuba. Ofreciendo un aspecto más alternativo. Ligando la música fusión de Roberto, en constante evolución y con toques transgresores, con el site.

La cabecera, de gran formato, es totalmente configurable y actualizable directamente por el cliente. Sirviendo de herramienta promocional y de marketing. Además es una buena manera de actualizar la imagen general del site. En cierta medida la web puede evolucionar en paralelo con Roberto.

Combinamos los beneficios del blog, junto con la potencia de una web corporativa. Los comentarios de los artículos permiten un diálogo bidireccional con los fans. También tuvimos en cuenta que la red estuviese bien conectada con las redes sociales, sobretodo con Twitter, para traer a la web la última actualidad de Roberto.

Además lo imprescindible: publicación de vídeos, playlists, reproductores mp3, accesos a la tienda, etc… Ofreciendo una herramienta completa y que cubre todas las necesidades.

Cabecera interactiva, lugar para lo más destacado de Roberto

Collage con la discografía completa

Reproductor mp3 y conexión de los temas con iTunes para comprarlos directamente

El proyecto comenzó con el diseño de la marca. Creamos una imagen moderna, limpia y con fuerza, fácil de identificar y recordar. Con la marca como base elaboramos la creatividad de la web, explotando el estilo visual al resto de elementos, ofreciendo un aspecto visual coherente y equilibrado. Impregnando las virtudes de la marca por las distintas partes del blog.

Destaca la zona interactiva. Una animación en acordeón por la que se pueden ver rápidamente las noticias destacadas. La animación es compatible con móviles, sobretodo iPhone, ya que se tuvo muy en cuenta este nicho de mercado al ser parte del público objetivo.

De esta forma el cliente tiene una herramienta con la que potenciar los artículos más interesantes, o bien utilizarlo estratégicamente como herramienta de marketing.

El blog está ligado con las redes sociales más importantes como Facebook, Twitter o Menéame.

Diseño de la marca Gadgetsulove

Diseño e interactividad de los artículos destacados

El blog emerge desde las profundidades en un entorno marino realista y detallado. La distribución de los elementos es sencilla y funcional, facilitando la navegación por los contenidos. La potencia gráfica del diseño otorga a la web presencia y personalidad, con una imagen diferenciadora en el sector. La web está conectada con las redes sociales: los usuarios pueden compartir el contenido del blog publicándolo en su propio perfil de su red favorita.

Aspecto de la home con el omnipotente cachalote

Distintas opciones de maquetación gráfica de contenidos

Las imágenes muestran la sombra y otros efectos automáticamente

La revista, núcleo y motor del proyecto, es accesible desde la entrada a la web con diferentes recursos, permitiendo que el usuario pueda atajar y encontrar la información fácilmente. El usuario dispone de un menú en acordeón con los principales artículos, una presentación de la portada del último número y un menú por categorías.

La publicación interactiva ofrece animación y vídeo en sus páginas, posibilidad de hacer zoom, conexión con las redes sociales Facebook y Twitter, una tabla de contenidos de fácil acceso, buscador interno y una presentación en miniaturas de las distintas páginas.

Para el diseño del proyecto se realizó un análisis de las distintas tipografías de sistema, con el fin de obtener una fuente que ligue con el mundo deportivo y al mismo tiempo esté disponible en la mayoría de ordenadores y configuraciones.

La maquetación contiene títulos de gran formato y un columnado adaptable imitando las publicaciones de papel. Ofreciendo al usuario una composición más rica. Cada artículo ofrece la posibilidad de ser comentado, compartirdo en las redes sociales (se pueden escoger más de 100 redes distintas) o enviarlo por mail.

El sistema se cierra con un panel de administración que permite actualizar los contenidos y las promociones fácilmente.

Un directorio de contenidos nos muestra la información de la revista

Detalle de funcionalidad de la revista interactiva

Maquetación interna del site

Desde la publicación de la propuesta, el portal multiplicó por 10 el número de visitas en apenas 2 meses.

Uno de los principales objetivos para el desarrollo del proyecto es la eficacia de su compatibilidad. La web mantiene el mismo aspecto visual y diseño gráfico con los diferentes navegadores del mercado incluyendo retrocompatibilidad con Internet Explorer 6.

Estudiando el público objetivo de la web observamos que habría una alta probabilidad de accesos utilizando el móvil. Además como el club dispone de múltiples equipos juveniles no descartamos la posibilidad de acceso utilizando las consolas de videojuegos con conexión a internet (Wii, Playstation 3 o XBox 360).

Casi un 10% de las visitas a la web provienen desde estas plataformas. En móviles, iPhone es el terminal más utilizado con más de un 6%. Wii y Playstation 3 se reparten un 2% del total de visitas.

Al estudiar el público objetivo, su tendencia y su actitud, pudimos preveer el origen de las visitas y adecuar el diseño de la web a estas plataformas que cada día cobran más importancia.

Toda la web es 100% editable. El cliente puede crear nuevas secciones y subsecciones, dar de alta nuevos equipos, nuevos jugadores, generar la tabla de partidos y sus resultados de una forma muy sencilla e intuitiva.

La web del Rápido de Bouzas es visible como 5º resultado utilizando una palabra tan genérica como “rápido”, superando a casi 60 millones de resultados.

Optimizamos la indexación, es decir, la probabilidad de aparecer en los motores de búsqueda (principalmente Google). Este punto ha sido vital en la estrategia y ha permitido que el club obtenga un crecimiento exponencial en el número de visitas y accesos a la web.

La entrada de la web se caracteriza por las noticias destacadas o de portada. El usuario puede navegar interactivamente por el histórico.

Las noticias destacadas tienen el histórico integrado. La navegación por las distintas portadas es muy intuitiva y 100% compatible en cualquier plataforma

Clasificaciones, emparejamientos, estadísticas, creación de equipos... todo se gestiona fácilmente desde el panel de administración del site

La web tiene una óptima indexación en Google

La web actualmente genera para la empresa más del 90% del volumen del negocio de seguros de vida.

Colaboración con onTheROI

Sección interna del site

El producto es el principal protagonista, y por ello resalta en un primer plano dando un buen efecto de profundidad al resto del entorno.

Colaboración con Extra! estudio

Web Ibéricos a las 10:11 am

Web Ibéricos a las 19:06 pm, empieza a anochecer

Web Ibéricos a las 11:10 pm, el paisaje queda oscurecido por la noche

La interfaz cuenta con un espacio interactivo clasificado por perfiles de usuario, con el fin de obtener un rápido y personalizado acceso a la información.

El menú interactivo nos orienta la información por perfiles

La información clasificada por categorías permite un cómodo acceso a los distintos contenidos.

Publicaciones: SELECT G

Colaboración con Manfatta y CCRTV

Un site con dos módelos de navegación muy intuitivos que permiten satisfacer: tanto al usuario más inquieto, con ganas de interactuar, como al más técnico, que sólo busca la información.

El producto se promociona mediante modelos de animación que explican los beneficios de la ósmosis en el hogar.

Premios: Plata Laus 2008
Publicaciones: Select G

La web se puede oscurecer, a libertad del usuario, para resalzar las imágenes y los múltiples vídeos que conforman el portfolio de proyectos.

Premios: Bronce Laus 2007
Publicaciones: SELECT F

Premios: Bronce Laus 2006
Publicaciones: SELECT D

La web está diseñada por un conjunto de animaciones que nos transportan al mundo de Vaho y nos presentan alocadamente las diferentes secciones de las que se compone.

Premios: Bronce Laus 2006
Publicaciones: SELECT E

El site premiaba a los usuarios que localizaban las 7 botellas Estrella ocultas en los diversos escenarios. Se accedía así a minijuegos, salvapantallas, concursos, etc… De esta forma llevamos el “product placement” tan habitual en las series de TV al website. Resultando en una efectiva comunicación de marca.

Colaboración con Manfatta y CCRTVi

Premios: Bronce Laus 2006

Premios: Bronce Laus 2005
Publicaciones: SELECT D