Wobiz Marca

Una semilla que brota: la marca de una plataforma que acompañaba a emprendedores a hacer crecer su negocio, llevada al portal, las redes y los newsletters.

  • Marca
  • Ilustración
  • Web en Webflow
  • Redes
  • Newsletters
wobiz.com/tienda-lista
Página del portal de Wobiz: Tu tienda lista para comenzar a vender.

Parte del equipo de Wobiz. Diseñado como diseñador UX/UI de su equipo de desarrollo, donde trabajé de 2013 a 2023.

Empresa
Wobiz, plataforma de tiendas online
Año
2018 – 2020
Rol
Diseñador UX/UI del equipo de desarrollo
Vínculo
Parte estable del equipo, de 2013 a 2023
Tareas
Sistema de marca, ilustraciones, diseño y frontend del portal, redes y newsletters
Herramientas
Webflow y Mailchimp

La idea

Una semilla que crece.

La marca nace de una semilla que brota: una hoja, crecimiento. Es lo que hacía Wobiz, acompañar a pymes y emprendedores a llevar su negocio adelante y crecer.

Mi trabajo fue que esa idea se sintiera igual en el portal, en las redes y en cada mail que llegaba a los clientes.

El proceso

Del sistema a cada pieza.

Ordené la paleta y la tipografía y armé con eso todas las piezas. Las ilustraciones son mías, el frontend del portal lo armé 100% en Webflow y los newsletters los diseñé y armé en Mailchimp.

La marca

Un sistema simple para que cada pieza nueva salga con la misma voz.

  1. Logo

    La semilla que brota sobre la “o”: el negocio que empieza y crece. El nombre en minúscula, en el azul petróleo de la marca.

    Logo de Wobiz en azul petróleo.
  2. Paleta

    Azul petróleo y grises como base, y ocho colores de acento para comunicar con energía. Cada uno con su escala de tonos.

    Base

    • Petróleo#163A47
    • Grafito#363636
    • Gris#969696
    • Gris claro#E0E0E0
    • Humo#EBEBEB
    • Niebla#F6F6F6

    Acentos

    • Verde#71C642
    • Azul#007FD4
    • Celeste#1BB8E3
    • Naranja#E85736
    • Amarillo#FFAE01
    • Turquesa#1FC7AC
    • Fucsia#FF0353
    • Violeta#AB5EC8
  3. Tipografía

    Roboto en toda la comunicación: clara en pantalla, con pesos suficientes para títulos, textos y botones. Y una escala de estilos para el portal.

    Roboto

    Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

    0123456789 ¿?¡!@#$%&()

    • LightVendé con tu ecommerce
    • RegularVendé con tu ecommerce
    • MediumVendé con tu ecommerce
    • BoldVendé con tu ecommerce
    H1 · Bold 36
    Soñá en grande
    H2 · Bold 26
    Tu negocio en una plataforma
    H3 · Bold 21
    El diseño que tu marca necesita
    H4 · Bold 15
    Historias de éxito
    P · Regular 13
    Todo lo que necesitás para tener tu tienda online.
    P barra lateral · Bold 14
    Primeros pasos
    Link · Bold 13
    Conocé nuestro proceso de diseño

Ilustraciones

Personajes y escenas propias, dibujadas por mí, para el portal y las redes: planas, con los colores de la marca.

01

Personajes

Emprendedores y clientes en su día a día: vendiendo, comprando y trabajando desde cualquier lugar.

Ilustración de una emprendedora con su tablet junto a su tienda online.
Emprendedora
Ilustración de dos personas comprando desde una publicación en redes.
Venta en redes
Escena ilustrada: una persona trabajando en su escritorio, una bicicleta y un cliente con su celular.
Trabajo y compra desde cualquier lugar
02

Composiciones

Ilustración, fotos de emprendedores y pantallas de la plataforma en una misma pieza.

Composición con foto de una emprendedora y pantallas de gestión de la tienda.
Gestión de la tienda
Composición con foto de un emprendedor y pantallas de campañas.
Campañas

El portal

Diseño y frontend en Webflow, hechos 100% por mí: la home, las páginas de servicios, la academia y la de empleo.

wobiz.com
Layout completo de la home del portal de Wobiz: hero, plataforma, diseño de tiendas, campañas, historias de éxito y app.
Home completa
wobiz.com/diseno
Página de diseño: Un diseño único para una marca única.
wobiz.com/campanas
Página de campañas: Campañas que logran ventas.
wobiz.com/tienda-lista
Página Tu tienda lista para comenzar a vender.
wobiz.com/academia
Home de Wobiz Academia: Todo éxito empieza con un primer paso.
wobiz.com/academia
Página de academia: Acelera el éxito de tu negocio online.
wobiz.com/sumate
Página Súmate a Wobiz, con ilustración de manos.

Redes

Posteos, fechas comerciales como Hot Sale, Cyber Monday y Black Friday, carruseles con tips y stories.

Ocho posteos de Wobiz: tips, hashtags, Black Friday, Hot Sale y Cyber Monday.
Stories y feed de Instagram de Wobiz en celulares.
Carrusel de Instagram: Prepará tu tienda para el Día del Padre.

Newsletters

Bienvenida, cursos, lanzamientos y fechas comerciales, diseñados y armados en Mailchimp.

Newsletter de bienvenida a Wobiz.
Bienvenida
Newsletter: El mejor diseño para tu tienda online.
Diseño de tiendas
Newsletter de Wobiz Academia.
Academia
Newsletter: Convertite en un experto sacando fotografías con tu celular.
Curso de fotografía
Newsletter: tres estilos listos para editar en Canva.
Plantillas en Canva
Newsletter: Hot Sale 2022, preparate para vender más.
Hot Sale

Qué hice

Resultados

Una marca consistente en el portal, las redes y cada mail, sostenida por un sistema propio.

colores en la paleta: 6 de base y 8 de acento.
14
estilos tipográficos para el portal.
7
páginas del portal diseñadas y armadas en Webflow.
+7
años de comunicación de marca, de 2018 a 2020.
3

¿Tenés un proyecto en mente?

Hablemos

WhatsApp