Servicios

Productos

Habilidades

Tecnologías y disciplinas

Diseño y desarrollo front-end

  • Blog

    Más de 5 años creando y optimizando blogs, blogs corporativos y redes de blogs.

  • Sitio web corporativo

    Sitios web para PYMES y grandes empresas.

  • Red social

  • Tienda online (e-commerce)

Identidad y márketing

  • Logotipo e identidad corporativa

    Creamos y potenciamos marcas únicas y perdurables.

  • Papelería

    Tarjetas de visita, cartas, camisetas, CDs...

  • Social Media Marketing

    Potencia tu proyecto en las redes sociales principales y acércate a tus usuarios.

Optimización de sitios web

  • On-site SEO

    Mejoramos el código interno de tu web de cara a buscadores.

  • Disminución de tiempo de carga

    Mejoramos la experiencia de usuario haciendo la web más veloz.

  • UX y usabilidad

    Optimizamos la experiencia de uso de tu sitio haciéndolo más claro, simple y directo.

Servicios específicos

  • PSD a HTML/WordPress

    Maquetación o implementación desde un PSD.

  • Compatibilidad cross-browser

    Resolvemos problemas de compatibilidad con los principales navegadores.

  • Consultoría web

    Analizamos los puntos débiles del sitio web y descubrimos vías de mejora.

Diseño gráfico

  • Adobe Photoshop CS5

    Adobe Photoshop

    Diseño web y gráfico. +6 años

  • Adobe Illustrator CS5

    Adobe Illustrator

    Logotipos e ilustración. +3 años

  • Candybar

    Iconografía

    Iconos para web y aplicaciones. +3 años

Desarrollo web front-end

  • Coda

    Programas de desarrollo

    Coda, Dreamweaver, CSSedit, Notepad++. +6 años

  • iPhone

    Desarrollo webs móviles

    Optimización de sitios web para iPhone, iPad. +2 años

Arquitectura de información

  • Omnigraffle

    Omnigraffle

    Creación de sitemaps y wireframes. +4 años

Usabilidad y UX

  • Silverback

    Silverback

    Testeo de sitios web con usuarios reales. +3 años

  • Google Analytics

    Google Analytics

    Pruebas A+B, identificación de patrones de uso. +5 años

Traducción

  • English

    Inglés-español / español-inglés

    Traducción de copy. +5 años

Maquetación en estándares

  • xHTML y HTML5

    xHTML y HTML5

    Maquetación veloz, sin tablas, optimizada para buscadores.

  • CSS3

    CSS3

    Estilos compatibles con todos los navegadores modernos.

  • Semantics

    Código semántico

    Código semántico y rico en microformatos.

  • jQuery

    Efectos con jQuery

    Creamos interfaces más dinámicas con JavaScript.

  • 960grid

    Grid en 960

    Diseños integrados en una cuadrícula para mejor organización y estética.

  • Baja velocidad de carga

    Alta velocidad de carga

    Diversas buenas prácticas para hacer tu sitio más liviano.

Gestores de contenido (CMS)

  • WordPress

    Especialistas en WordPress

    Más de 6 años creando proyectos web con WordPress.

  • BuddyPress

    BuddyPress

    Redes sociales muy completas.

  • WP e-commerce

    WP e-commerce

    Tiendas online para vender cualquier producto.

¿Necesitas algún servicio parecido pero que no está en la lista? Ponte en contacto.

Metodología de trabajo

1 de 5

Definición del proyecto

La comunicación previa al proyecto es uno de los puntos vitales para que el producto final sea eficaz. El objetivo es conocer, mediante diversos cuestionarios, la idea y los objetivos del cliente, para así definir la estrategia del proyecto, qué tecnologías usar y el estilo de comunicación que se llevará a cabo. Después procederemos a traducir esa idea a un producto real en Internet.

Al mismo tiempo se identifican los perfiles de los potenciales usuarios de la web, y cada una de las acciones por orden de prioridad que se desea que realicen.

Requerimientos iniciales y definición
2 de 5

Arquitectura de información

El siguiente paso es tomar todas las ideas anteriores y crear un modelo de sitio web. Este es un paso teórico y boceteado, con el fin de definir como se reparte la información dentro de cada una de las páginas del sitio, y como se enlazan esas páginas entre sí. Igualmente, se ha de definir de qué manera los usuarios van a visitar el sitio y minimizar los pasos que tienen que dar para cumplir los principales objetivos dentro de ella.

De este proceso obtenemos dos cosas: el wireframe (o croquis) de cada una de las páginas del sitio, y sitemap (mapa del sitio) que establece las páginas que habrá y como se enlazan entre ellas.

Arquitectura de información
3 de 5

Diseño de interfaz

Una vez tenemos lista la estructura de cada uno de los elementos, se procede a trabajar en el diseño gráfico y de interfaz, con la misión de crear varias composiciones gráficas lo más parecidas al producto final.

En la parte estética, nos enfocamos en crear una experiencia visual muy rica, agradable para el usuario y consistente a lo largo de toda la página, que comunique los valores de la marca que se definieron al principio. Por otra parte, en cuanto a usabilidad y accesibilidad, se diseñará cada elemento de manera que sea fácilmente identificable, legible, y simple.

Diseño de interfaz
4 de 5

Desarrollo web

Llegados a este paso ya tenemos el sitio completamente definido, ahora es el momento de codificarlo para que funcione como un sitio web real. Para ello desarrollamos el sitio web de forma que sea lo más veloz posible, obtenga buen posicionamiento en buscadores y funcione correctamente en todos los navegadores.

Instalamos la mayoría de sitios web en un gestor de contenidos (CMS), que permite que el cliente pueda actualizar el sitio web sin tener que tocar ningún código, tanto añadir y modificar contenidos como cambiar algunos elementos visuales.

Desarrollo web
5 de 5

Entrega y seguimiento

Una vez el sitio web está 100% testeado y finalizado, lo instalamos y hacemos público en el servidor del cliente, de manera que esté listo para usar y comenzar a subir contenidos.

Aunque cada web está optimizada para no tener que ser vigilada, muchos clientes nos contratan para hacer seguimiento del posicionamiento y la usabilidad del sitio, haciendo tests con los usuarios reales que van visitándola y usando diversas herramientas de análisis, ya que el hecho de cambiar una frase o un botón, por ejemplo, puede aumentar un buen porcentaje de los objetivos cumplidos.

Entrega y seguimiento

Clientes

Clientes vivaestudio
Y muchos otros emprendedores, startups y empresas de dentro y fuera de Internet, que confían en nosotros cada día, ya son más de 150 proyectos para clientes en estos últimos 5 años.