// HOLA MUNDO

Diseño piezas de comunicación, creo interfaces intuitivas y construyo código.

Soy Alonso Bascuñán. Mi formación en diseño gráfico y editorial me permite abordar el desarrollo UX/UI y front-end no solo desde la técnica, sino desde la jerarquía visual, la tipografía y la claridad del mensaje.

Ver Proyectos Conversemos
Bascuñán Digital Hero
Enfoque Híbrido

La intersección del diseño y el código

01

Diseño Editorial & Retícula

Mi base en diseño gráfico y editorial me enseñó a dominar la retícula, la jerarquía tipográfica y la composición. Aplico ese mismo rigor visual a la arquitectura de información de productos digitales.

02

Diseño UX/UI

Investigo, prototipo y valido flujos centrados en el usuario antes de escribir la primera línea de código. Esto evita rediseños tardíos y reduce el tiempo total de un proyecto.

03

Desarrollo Front-End

No dejo que mis diseños se pierdan en la traducción a código. Implemento directamente en HTML, CSS, JavaScript y Bootstrap, o desarrollo a medida en WordPress.

Trayectoria

10+ años de consistencia profesional

Diseñador UX/UI & Desarrollador Web

Agencia La Vitamina · Viña del Mar

Lidero el prototipado interactivo de alta fidelidad, el diseño de sistemas visuales (Design Systems) y el desarrollo frontend completo utilizando Bootstrap y desarrollos customizados sobre WordPress.

Diseñador Gráfico (Museografía & Difusión)

Ilustre Municipalidad de Viña del Mar · Museo Palacio Vergara

A cargo de la identidad visual de exposiciones de gran escala, museografía física, diseño editorial de catálogos y la producción de piezas de difusión digital e impresa del museo.

Docente de Área Diseño & Comunicaciones

INACAP · Sede Valparaíso

Impartí asignaturas asociadas a metodologías del diseño y tecnologías de maquetación, capacitando a futuras generaciones en la traducción técnica del diseño a medios interactivos.

Especialización en Diseño Web & Mobile

INACAP · Sede Valparaíso

Estudios de especialización enfocados en UX/UI, diseño responsivo, metodologías de experiencia de usuario y fundamentos técnicos de codificación front-end.

Título en Diseño Editorial

INACAP · Sede Valparaíso

Formación de pregrado con foco en la rigurosidad reticular, el manejo tipográfico preciso y los principios de jerarquía visual aplicada a sistemas de información complejos.

Casos de estudio

Proyectos destacados

Impacto, soluciones digitales — captura del proyecto
Branding integral, diseño UI/UX y desarrollo web para agencia de servicios digitales.

Impacto, soluciones digitales

Desafío: Crear la identidad visual y la plataforma web corporativa desde cero para una agencia de soluciones digitales. El reto principal consistía en construir una marca memorable desde la raíz y estructurar una amplia oferta de servicios (asesorías, desarrollo, producción audiovisual) y planes comerciales de forma clara, moderna y orientada a la captación de clientes. Mi Rol: Proyecto Integral 360° — Branding, Diseño de Identidad de Marca, Arquitectura UI/UX y Desarrollo Web Front-End. Solución: Diseñé la identidad de marca completa (isotipo, tipografía e iconografía) utilizando una paleta cromática enérgica orientada al crecimiento y la innovación. Posteriormente, proyecté y programé un sitio web completamente responsivo con arquitectura modular: catálogo de servicios, tablas comparativas de planes, llamadas a la acción estratégicas y formularios de cotización optimizados para conversión.
Branding & Identidad Desarrollo Front-End Diseño responsivo HTML / CSS3 Prototipado UX/UI Design
Evolve Chile — captura del proyecto
Diseño UI y desarrollo web para marca de nutrición natural super premium para mascotas.

Evolve Chile

Desafío: Diseñar y maquetar una plataforma web cálida, moderna y estructurada para una marca de alimentos para mascotas. El reto principal consistía en comunicar claramente los beneficios nutricionales (Grain Free, sin conservantes artificiales) y organizar el catálogo de productos (Perros, Gatos, Snacks) de forma accesible para el consumidor. Mi Rol: Diseño UI/UX y Desarrollo Front-End completo (Proyecto realizado en colaboración con la agencia La Vitamina). Solución: Desarrollé la interfaz visual combinando una paleta de alto contraste en tonos negros y dorados con acentos tipográficos cercanos. Construí el código front-end responsivo estructurando secciones modulares para la propuesta de valor, catálogo de productos, video corporativo y un buscador de puntos de venta.
Desarrollo Front-End HTML / CSS3 Prototipado UX/UI Design
One Padel Indoor Club — US — captura del proyecto
Diseño de interfaz y arquitectura visual para club deportivo en Miami.

One Padel Indoor Club — US

Desafío: Diseñar una interfaz web moderna y atractiva para un centro deportivo en Aventura (Miami, EE.UU.). El reto principal consistía en estructurar una amplia oferta de servicios (programas, gimnasio, noticias y ubicación) de forma clara, transmitiendo la energía del deporte y facilitando el flujo hacia la reserva de canchas. Mi Rol: Diseño UI/UX, Maquetación de Mockups y Prototipado Visual (Proyecto realizado en colaboración con la agencia La Vitamina). Solución: Desarrollé una propuesta visual de alto impacto usando un contraste entre superficies oscuras y acentos verde neón, pensados para guiar la atención del usuario hacia las acciones de reserva (CTAs). La navegación se organizó en bloques modulares independientes, logrando un flujo intuitivo orientado a la conversión y la retención de usuarios.
Adobe XD Prototipado UX/UI Design
Kodo Mecánica Móvil — captura del proyecto
Branding 360°, rotulación gráfica vehicular y desarrollo web para servicio de mecánica móvil a domicilio.

Kodo Mecánica Móvil

Desafío: Crear la identidad de marca completa desde cero para un concepto de taller mecánico a domicilio. El reto abarcaba tanto la presencia física de la marca —diseñando el rotulado gráfico (plotter) de la flota vehicular como canal publicitario principal— como la creación de una plataforma web que transmitiera alta confianza, profesionalismo y agilidad para la cotización de servicios en terreno. Mi Rol: Proyecto Integral 360° — Branding & Diseño de Logo, Rotulación Vehicular (Diseño para Plotter), Arquitectura UI/UX y Desarrollo Web Front-End. Solución: Desarrollé una identidad visual de alto impacto basada en una paleta cromática de rojo vibrante, negro y blanco, proyectando dinamismo, precisión y cercanía. Diseñé la gráfica aplicada a la camioneta del taller manteniendo alineación con la gráfica digital. Para la web, proyecté y programé una estructura completamente responsiva enfocada en la conversión: desglose claro de servicios, sección de testimonios, blog de contenido (#KodoTips) y formularios de cotización rápida.
Branding & Identidad Desarrollo Front-End Diseño responsivo HTML / CSS3 Rotulación vehicular UX/UI Design
Tecnologías

Mi Stack de herramientas

Diseño & Prototipado

  • Figma
  • Adobe InDesign
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe XD

Desarrollo Frontend

  • HTML5 / CSS3
  • JavaScript (ES6)
  • Bootstrap 5
  • WordPress Core
  • Custom Fields (ACF / SCF)
  • Visual Studio Code

Procesos & Estrategia

  • Arquitectura de Información
  • Sistemas de Diseño (Design Systems)
  • Diagramación & Sistemas de Grillas
  • Optimización Web & SEO On-Page
  • Flujos con IA (Claude, ChatGPT, Gemini)
  • Docencia Técnica y Mentorías