Más información sobre el uso de cookies en Políticas y Privacidad.
Intellectto - Gestor de información online
Imagina una empresa donde cada archivo y documento importante está seguro, organizado y disponible en cualquier momento y lugar. Ese es el espíritu de Intellectto, una plataforma que ayuda a las organizaciones a gestionar su información de forma rápida, segura y confiable, impulsando su productividad.
Para llevar esta visión a más clientes y transmitir su valor, era necesario un espacio digital sólido, atractivo y funcional. Así nació el reto: diseñar una experiencia web que reflejara la confianza y eficiencia que define a Intellectto, transformando su propuesta en una herramienta visual y tecnológica de alto impacto.

Mi historia con Intellectto empezó durante mi tiempo como Diseñador UI/UX en la agencia Mascreativo. Era un cliente con una visión clara: construir una plataforma que permitiera a empresas gestionar y almacenar sus archivos en la nube de forma rápida, segura y accesible en todo momento.
Desde el primer día entendí que no era solo un proyecto más de diseño web; se trataba de diseñar una herramienta que transmitiría confianza, profesionalismo y eficiencia a quienes confían en sus datos.
El cliente nos entregó un Brief detallado, que se convirtió en nuestra brújula. Con él, inicié una ruta creativa marcada por la metodología Design Thinking, que me permitió empatizar profundamente con los usuarios potenciales antes de poner un solo píxel sobre la pantalla.
La investigación: poniéndome en sus zapatos
Para entender de verdad a los futuros usuarios de Intellectto, recurrí al
Mapa de Empatía. No me limité a saber qué harían dentro de la plataforma,
sino que quise conocer qué pensaban, sentían, temían y esperaban al
gestionar información tan sensible.
Descubrí que sus principales motivaciones eran la seguridad, la rapidez y la facilidad de uso, pero que venían acompañadas de frustraciones por experiencias pasadas con sistemas complejos o poco confiables.
Con esa información: Creé Proto-Personas para representar perfiles clave. Definí objetivos claros para la navegación y funcionalidades. Establecí las bases de un pequeño Sistema de Diseño que asegurara coherencia visual desde el primer prototipo.
Más abajo te explico en detalle.
Año
2023Cliente
IntellecttoDuración del proyecto
15 días (Fase de Diseño en Agencia), 30 días (Fase de Desarrollo)Mi Rol/Responsabilidades
Diseñador Web / UI / UX (Agencia Mascreativo) / Desarrollador Front-End (Freelance)Servicios contratados
Tecnología utilizada
Figma | Astro/React | Vercel |Objetivos del proyecto
Cuando Intellectto se acercó, su necesidad era clara:
Fortalecer su presencia digital y generar mayor confianza y profesionalismo. No se trataba solo de tener un sitio web; el verdadero reto era crear una plataforma atractiva, rápida y funcional que se convirtiera en su principal motor de crecimiento y conexión.
Definir los objetivos fue, por tanto, el primer paso crítico para trazar el mapa de su éxito digital.
Cada uno de estos objetivos no solo guio mi proceso de diseño y desarrollo, sino que se convirtió en un pilar fundamental para el lanzamiento exitoso de Intellectto al mundo digital.
El foco fue fortalecer la presencia digital, aquí algunos de los objetivos:
- Presencia digital sólida que transmitiera profesionalismo y confianza.
- Plataforma rápida y funcional, como motor de crecimiento y conexión con clientes.
- Captación de leads a través de la presentación clara de beneficios y servicios, ademas de la implementación de un formulario de contacto.
- Posicionamiento SEO que permitiera llegar a un público más amplio.
- Experiencia visual inmersiva que reflejara los valores de la marca: seguridad, tecnología y modernidad.
Metodologías usadas:
Para guiar el proyecto y asegurar un enfoque centrado en el usuario, utilicé las siguientes metodologías y marcos de trabajo:
El Pilar del Entendimiento:
- Design Thinking.
- Mapa de empatía.
- Proto-Personas.
- Sistemas de Diseño.
Metodologías a detalle:
- Design Thinking: Abordé el proyecto con un ciclo iterativo de empatizar, definir, idear, prototipar y testear. Me permitió comprender el ecosistema de Intellectto y adaptar la solución a las necesidades reales del usuario.
- Mapa de Empatía: Utilice esta herramienta visual para entender no solo lo que los usuarios decían o hacían, sino también lo que pensaban, sentían, temían y deseaban. Fue clave para identificar motivaciones y frustraciones previas.
- Proto-Personas: A partir de la empatía, creé representaciones ficticias de los usuarios ideales. Cada proto-persona encapsulaba patrones de comportamiento, motivaciones y objetivos, asegurando que las soluciones de diseño fueran relevantes y útiles para la audiencia de Intellectto.
- Sistemas de Diseño: Esta metodología que se compone por un conjunto de guías visuales y de componentes me permitió mantener consistencia y coherencia desde el prototipo hasta el desarrollo. Facilitó la escalabilidad y optimizó los tiempos de implementación.



Solución:
Con una visión clara, el prototipo tomó forma con una estética tecnológica y limpia.
Paleta de Colores: Utilice el azul, verde y blanco, para transmitir confianza y modernidad, siguiendo las pautas de accesibilidad de la WCAG para asegurar un contraste óptimo.
Imágenes: Se usaron fotografías de calidad que representaran el entorno empresarial y profesional que Intellectto buscaba proyectar.
Tipografía: Una combinación de tipografía moderna y altamente legible, cuidando kerning, leading y tracking para una lectura fluida.
Iconografía: Se implementaron iconos personalizados que refuerzan visualmente los servicios y funcionalidades, manteniendo consistencia en forma y tamaño.
Usabilidad y Experiencia del Usuario (UX) Fluida: Se implementó una estructura clara e intuitiva que permitiera a los usuarios encontrar información sin esfuerzo.
Responsividad total: Se pensó en la adaptación fluida tanto para versión desktop, tablet y móvil.
SEO integrado desde el diseño: Se usaron palabras clave, jerarquía de contenido y etiquetas optimizadas.
Fase de Desarrollo (Demo Técnico):
Al finalizar mi etapa en Mascreativo, decidí llevar el prototipo un paso más allá: programarlo yo mismo. No como un encargo del cliente, sino como un desafío personal para fortalecer mis habilidades como desarrollador front-end.
Desarrollé una recreación funcional (no el producto final entregado al cliente) utilizando Astro y React, cuidando cada detalle:
• Estructuración lógica de carpetas.
• Componentes reutilizables y mantenibles.
• Separación de lógica y presentación.
• Optimización de rendimiento.
La implementación fue desplegada en Vercel, garantizando velocidad y disponibilidad. Realicé pruebas exhaustivas en distintos dispositivos para asegurar que la experiencia fuera impecable sin importar el formato.
Resumen y aprendizaje:
Este proyecto me dejó dos grandes lecciones:
1. El valor de la investigación inicial: Comprender al usuario es el cimiento de cualquier solución sólida.
2. La importancia de las decisiones tecnológicas tempranas: Elegir Astro/React y un hosting como Vercel no solo optimiza tiempos, sino que influye directamente en SEO, rendimiento y escalabilidad.
Este proyecto fue un puente entre mis dos mundos —el diseño centrado en el usuario y el desarrollo front-end— y es una muestra de cómo puedo llevar un concepto desde la investigación hasta una experiencia digital funcional y optimizada.
Nota importante sobre propiedad intelectual:
El prototipo de Intellectto fue diseñado originalmente en Mascreativo como parte de mi trabajo para el cliente. Todos los derechos sobre marca, logotipos y diseño pertenecen a sus respectivos dueños.
La versión desarrollada que presento en este portafolio es una recreación personal y funcional, creada de manera independiente, con el único fin de demostrar mis habilidades como desarrollador front-end.
No tomo crédito por la propiedad intelectual del cliente ni de la agencia, salvo mi participación directa en el diseño y mi desarrollo independiente de este demo técnico.
¿Te interesa mi trabajo?
Siempre puedes contactarme enviándome un mensaje 👇🏻
contactoarcosmax@gmail.comDiseño Gráfico
Diseño Web
UI/UX
Desarrollo Front-End
SEO/SEM
Diseño Gráfico
Diseño Web
UI/UX
Desarrollo Front-End
SEO/SEM
Diseño Gráfico
Diseño Web
UI/UX
Desarrollo Front-End
SEO/SEM
Diseño Gráfico
Diseño Web
UI/UX
Desarrollo Front-End
SEO/SEM