Archivo de la etiqueta: Web

Proyecto Web: Diseño IMPULSA Puebla-Tlaxcala

Impulsa Puebla-Tlaxcala

Este semestre estuvimos trabajando en el nuevo diseño de IMPULSA Puebla – Tlaxcala, un sitio que siempre está adaptándose debido a que sus usuarios están en constante cambio.

Mediante un análisis del sitio y los usuarios implementamos una estrategia que permite una interacción y comunicación inmediata involucrando redes sociales. Otorgando a la sección de noticias una mayor importancia.

Esta es la tercera ocasión que participamos en el diseño web de IMPULSA Puebla – Tlaxcala, y les puedo asegurar que no dejamos de aprender cosas nuevas.

Pueden saber más del proyecto visitando nuestro portafolio web

Herramientas para medir el alcance en redes sociales

Las herramientas que existen para medir el alcance en las redes sociales crecen y cambian continuamente. Estas son sólo algunas de las más usadas:

Radian6

Radian6 es una de las más importantes herramientas de monitoreo. Dirigido a empresas con un presupuesto grande, cuenta con diversos tipos de análisis y reportes. En su sitio encontrarás algunos recursos gratuitos para mejorar tu estrategia de redes sociales.

Converseon

Herramienta para monitoreo web y social que, al igual que Radian6, está dirigida a empresas. Converseon ofrece análisis orientados a medir la penetración y la percepción de nuestra marca en las redes sociales.

Klout

Esta herramienta mide tu influencia sobre otros usuarios. Funciona en diversas redes sociales: Twitter, Google+, LinkedIn, Facebook, tumblr, lastfm, flickr, blogger, instagram, entre otras.

BackType

Adquirida en 2011 por Twitter, ofrece estadísticas en tiempo real y de medición de alcance. Tiene un modelo de búsqueda que te permite rastrear contenido por autor, tema, url o hashtag.

SocialMention

Buscador que nos permite hacer un seguimiento de actualizaciones de diversas redes sociales, permite alertas en Google, cuenta con diferentes plug-ins y funciones de búsqueda.

Raven Tools

Una serie de herramientas que nos permiten realizar búsquedas y seguimiento analizando redes como Twitter, Facebook, StumbleUpon, YouTube, y blogs.

PageLever

Enfocado totalmente a Facebook, sobre todo las FanPages, proporciona un análisis más completo y profundo que Insights.

Twitter Counter

Permite monitorear y analizar el crecimiento de una cuenta de Twitter a través del tiempo. Ofrece un historial de datos de muchas cuentas aunque nunca hayan usado el servicio. Si contratas la membresía Premium, tendrás acceso a estadísticas de mentions y retweets.

Conozco nueve herramientas más, pero el tiempo nunca es suficiente, espero poder compartirlas otro día.

Diseño del sitio web: Rafael Pérez y Pérez


En el mes de abril lanzamos el sitio de Rafael Pérez y Pérez investigador de la Universidad Autónoma Metropolitana Unidad Cuajimalpa dedicado a la creatividad computacional en las siguientes áreas: creatividad artificial, creatividad cognitiva y sistemas de apoyo a la creatividad humana.

Para conocer más del proyecto, visita nuestro portafolio de proyectos web

BancomerTV

Este es un proyecto que realizamos para Bancomer, en el que nos confiaron el diseño y desarrollo de la presentación de ventas de su producto BancomerTV.

BancomerTV es un sistema de mercadeo capaz de segmentar audiencias y dirigir ofertas a las zonas o sucursales donde se encuentra el mercado meta, es decir un canal de televisión para cada sucursal con contenido diseñado de acuerdo al perfil de los usuarios de cada zona.

Conoce más acerca del proyecto, en nuestro portafolio web: BancomerTV.

Hospilutions

hospilutionspost

Recientemente lanzamos la web de Hospilutions una empresa dedicada al servicio de marketing por internet, especializada en la industria hotelera y el turismo.

El equipo de Hospilutions estuvo involucrado en el proceso de diseño, la retroalimentación y sus puntos de vista ayudaron a mejorar el sitio y a alcanzar los objetivos del proyecto.

Para conocer más acerca del proyecto, visita nuestro portafolio de proyectos web.

CHORREO «La gran broma del 2-6»

Iniesta y Puyol festejan

La semana pasada estrenamos la web de «Chorreo«, un cortometraje que tiene como eje central el encuentro Madrid-Barça del 2 de mayo de 2009.

Chorreo está dirigido por Francesc Cànovas y es una producción de el Centre d’Estudis Cinematogràfics de Catalunya. Vectores fue invitado a participar por
Xavi Muñoz, jefe de producción del corto.

El corto es una comedia acerca de unos personajes que se reúnen para ver el clásico. La crisis económica está presente y el protagonista ha tenido una brillante idea para buscarse la vida, sobre la que el resultado final del encuentro toma una relevancia importante. Francesc comenzó la idea básica del guión sobre una anécdota personal que Xavi Muñoz le contó durante una tarde de fútbol, en la previa del Barça-Bayern de Munich. La llevó al ámbito futbolístico como una broma, en un giro divertido de cómo pasar una anécdota del ámbito privado al campo y nunca mejor dicho futbolístico.

FC Barcelona

El objetivo de sitio es darle difusión al cortometraje, la realización y a la producción del mismo. Durante el proceso se analizó cual era la mejor estructura del contenido para captar la atención de los usuarios.

Para conocer más acerca del proyecto, visita Chorreo | La Película, en nuestro portafolio de proyectos web.

Re-diseño del sitio web: IMPULSA Puebla – Tlaxcala

impulsapost

Recientemente participamos en el re-diseño del sitio web para IMPULSA Puebla-Tlaxcala, el que desarrollamos hace 2 años. Durante el proceso analizamos los objetivos del sitio, así como los contenidos y la información que más buscaban sus usuarios, destacando los elementos y secciones más importantes del sitio.

A la fecha, en IMPULSA Puebla-Tlaxcala, han atendido con diferentes programas a 50,500 niños y jóvenes, sirviendo el sitio como un canal de comunicación interactivo con los participantes de los programas educativos, los patrocinadores, y las instituciones.

Para más detalles sobre el proyecto, visita IMPULSA Puebla – Tlaxcala, en nuestro portafolio de proyectos web.

Diseño para no diseñadores

A veces las condiciones económicas provocan que algunos proyectos web no cuenten con presupuesto para contratar un diseñador profesional para el desarrollo de la parte visual. En el podcast de Jared Spool, SpoolCast: Visual Design for the Non-Designer, Dan Rubin da algunos consejos simples para mejorar significativamente el diseño de un sitio web sin ser un diseñador profesional.

Entre los consejos encontramos:
Dar consistencia y orden al sitio. Cuidando el espacio en blanco entre los elementos y su alineación se alcanza una sensación de orden. Ésta es una de las herramientas más importantes de los diseñadores profesionales, porque a través de ella se genera la retícula.

Utilizar la tipografía adecuadamente. La tipografía bien aplicada ayuda a establecer jerarquías en el contenido, permitiendo un mayor orden y coherencia dentro del sitio. Si además, limitamos el uso de una o dos fuentes tipográficas en el sitio, por ejemplo, Georgia y Verdana, éste orden se verá reforzado. También es importante no abusar del uso de italica, bold, o de diferentes colores en los textos y ajustar su interlineado para permitir una lectura más cómoda.

Elegir un esquema de color armónico. La parte más difícil al diseñar es la elección del color, algunas herramientas, como el kuler.adobe.com, pueden ayudarnos a elegir una paleta de colores armónica. Sin embargo, hay ocasiones que los colores los determina la marca, por lo que habrá que seleccionar la paleta de colores en base a ella. Además, se debe de tomar en cuenta el contraste del fondo con los textos, en ese sentido lo mejor, por ejemplo, es un fondo claro (blanco) y el texto oscuro (negro).

Estas recomendaciones pueden ser fácilmente aplicadas en nuestros proyectos web si trabajamos con hoja de estilo (css). Un último consejo de Dan Rubin, tal vez el más importante, es que al diseñar «estamos resolviendo problemas… pero no para nosotros mismos«, por lo que es importante escuchar y analizar las necesidades de los usuarios de nuestro sitio web.

Escucha el podcast en SpoolCast: Visual Design for the Non-Designer.