Calidad que cruza fronteras
Diseñé y desarrollé la presencia digital completa de Granotrade: marca, web bilingüe, dominio y hosting para conectar Bolivia con compradores internacionales.
Rol
Designer + Dev
Plataforma
Web · Bilingüe
Tools
Figma · HTML5
El equipo detrás de Granotrade llevaba años operando en el sector agroexportador boliviano, siempre como prestadores de servicios para terceros. Tenían el conocimiento, los contactos y la calidad. Les faltaba una identidad propia.
Cuando decidieron crear Granotrade y apuntar directamente a compradores en China, Latinoamérica y Estados Unidos, el primer obstáculo era el más básico: no tenían presencia digital. Sin web, sin dominio, sin marca visual. Para un comprador internacional, simplemente no existían.
Sin presencia digital
Cero web, cero dominio, cero correo corporativo. Un comprador en China que buscara Granotrade no encontraba nada.
Mercado internacional exigente
Los compradores internacionales evalúan la credibilidad digital antes de cualquier negociación. La primera impresión ocurre en la web.
Barrera del idioma
Necesitaban comunicarse en español e inglés para llegar a distintos mercados sin depender de intermediarios.
El cliente llegó por referencia del proyecto anterior. Me reuní con Clotilde para entender no solo qué necesitaba el sitio, sino qué quería comunicar la empresa. Mapeé los mercados objetivo, los productos y la propuesta de valor diferencial frente a competidores como LATCO.
Definí la arquitectura de 5 páginas, la identidad visual (verde agrícola + naranja de acción), la tipografía y el sistema de componentes. Cada sección fue pensada para un comprador internacional que necesita entender qué ofrece la empresa en segundos.
Desarrollé el sitio en HTML5 + Tailwind CDN + Vanilla JS sin dependencias. Implementé el motor i18n ES/EN propio, modales glassmorphism con especificaciones técnicas por producto, formulario B2B con Web3Forms, animaciones de scroll y contadores animados.
Gestioné la compra del dominio granotrade.es y el hosting. Configuré el servidor, subí los archivos y verifiqué el funcionamiento completo. El cliente iteró conmigo hasta quedar satisfecho. El sitio lleva activo menos de un mes y ya es su carta de presentación internacional.
Antes de escribir una línea de código, la arquitectura de cada página quedó resuelta en papel. Eso evita decisiones costosas durante el desarrollo.
Inicio
Productos
Servicios
Nosotros
Contacto
Paleta de Color
Verde Principal
#3e7907 — Headings, botones outline, acentos
Naranja CTA
#da900b — Botones primarios, eyebrows, badges
Verde Oscuro
#0f2b00 — Footer, secciones oscuras
Fondo
#fafafa — Background general (regla 60-30-10)
Tipografía
Display / Títulos
Montserrat
600 / 700 / 800 / 900 — Headings impactantes
Body / Párrafos
Inter — legible en cualquier pantalla
400 / 500 / 600 — Párrafos y UI
Ratio aplicado
Cada página cumple un rol específico en el journey del comprador internacional: de conocer la empresa a solicitar una cotización B2B.
Inicio
Productos
Servicios
Nosotros
Contacto
Sistema de traducción 100% custom en Vanilla JS. Sin librerías externas. Persistencia en localStorage.
4 productos con fichas técnicas detalladas en modales glassmorphism. Especificaciones de exportación por producto.
Formulario de cotización conectado a Web3Forms. Los leads llegan directo al correo del cliente.
Reveal animations con IntersectionObserver, contadores animados y parallax corregido para iOS.
Compra y configuración de granotrade.es + servidor de producción. Entrega llave en mano.
Diseño adaptado a móvil, tablet y desktop. Menú hamburger, fix de parallax en iOS y navegación táctil.
Granotrade ya está recibiendo visitas internacionales en granotrade.es, su primera presencia digital como exportadora independiente.
