Trust Capital MX

WebWebPublicadoLive

Sitio de marca para una plataforma de cuentas y tarjetas en México: sistema visual nuevo, catálogo interactivo de cinco tarjetas, fotografía y video de producto, y documentación técnica de arquitectura para su equipo de tecnología.

A brand site for an accounts and cards platform in Mexico: a new visual system, an interactive catalog of five cards, product photography and video, and technical architecture documentation for its engineering team.

Catálogo de tarjetas con inclinación 3D y reflejoCard catalog with 3D tilt and glare
22 fotografías y 15 videos de producto creados para la marca22 photographs and 15 product videos made for the brand
Documento técnico de arquitectura entregado al CTOTechnical architecture document delivered to the CTO

ClienteClient: Trust Capital MéxicoTrust Capital México
PlataformaPlatform: WebWeb
AlcanceScope: Identidad digital, sitio, contenido visual y documentación técnicaDigital identity, website, visual content and technical documentation
TecnologíaStack: HTML, CSS y JavaScript a la medida, video optimizadoCustom HTML, CSS and JavaScript, optimized video

El retoThe challenge

Una empresa financiera necesitaba verse a la altura de su producto: tarjetas de metal y cuentas para clientes exigentes. El sitio anterior no transmitía esa confianza.

A financial company needed a site that matched its product: metal cards and accounts for demanding customers. The previous site did not convey that trust.

La soluciónThe solution

Un sistema visual oscuro con oro y granate, un selector de tarjetas accesible con teclado y efectos 3D, y un banco de imágenes y video hecho para la marca en lugar de fotografía de stock.

A dark visual system in gold and garnet, a keyboard-accessible card selector with 3D effects, and an image and video library made for the brand instead of stock photography.

Documentación técnicaTechnical documentation

Además del sitio, entregamos un documento de arquitectura para el equipo de tecnología del cliente.

Alongside the site, we delivered an architecture document for the client’s engineering team.

EstadoStatus

Publicado.

Live.

Proyecto diseñado y desarrollado por Nano Developers. Trust Capital y sus logotipos pertenecen a sus respectivos titulares. Las capturas muestran el producto real en producción.

Project designed and built by Nano Developers. Trust Capital and its logos belong to their respective owners. Screenshots show the real product in production.

Qué haceWhat it does

Las piezas principales del producto, tal como funcionan hoy.

The main pieces of the product, as they work today.

Quiero algo asíI want something like this

Sistema visualVisual system

Paleta, tipografía y componentes propios, aplicados en todo el sitio.

Its own palette, typography and components, applied across the site.

Tokens CSSTipografía

Catálogo de tarjetasCard catalog

Cinco tarjetas con pestañas accesibles, inclinación 3D y reflejo.

Five cards with accessible tabs, 3D tilt and glare.

ARIACSS 3D

Contenido de marcaBrand content

Fotografía y video producidos para la marca, optimizados para cargar rápido.

Photography and video produced for the brand, optimized to load fast.

Video H.264WebP

Probado antes de llegar a tus usuariosTested before it reaches your users

Cada versión pasa por pruebas automáticas, revisión de código y pruebas en teléfonos y navegadores reales antes de publicarse. Si algo falla en producción, volvemos a la versión anterior en minutos.

Every release goes through automated tests, code review and testing on real phones and browsers before it ships. If something fails in production, we roll back to the previous version in minutes.