// HELLO WORLD

Diseño interfaces intuitivas.
Escribo código responsivo. I design intuitive interfaces.
I write responsive code.

Soy Alonso Bascuñán — diseñador UX/UI y desarrollador front-end con más de 10 años de trayectoria. Uno la estrategia del diseño de interfaces con la precisión del desarrollo front-end, y traduzco layouts complejos en experiencias web que funcionan perfectamente en el navegador. I'm Alonso Bascuñán — a hybrid UX/UI designer and front-end developer with 10+ years of experience. I turn complex layouts into web experiences that work flawlessly in the browser.

Ver Proyectos See Projects Conversemos Let's talk
Enfoque HíbridoHybrid Approach

La intersección del diseño y el código The intersection of design and code

01 / Estructura EditorialEditorial Structure

Maquetación & RetículaLayout & Grid

Mi base en diseño editorial me enseñó a dominar la retícula, la jerarquía tipográfica y el orden visual. Aplico esa misma rigurosidad a la arquitectura de información de interfaces web — el resultado son productos que se leen y se navegan con lógica, no solo que se ven bien. My background in editorial design taught me to master grids, typographical hierarchy, and visual order. I apply this same rigor to the information architecture of web interfaces — resulting in products that are read and navigated logically, not just visually pleasing.

02 / Experiencia de UsuarioUser Experience

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 — algo que cualquier equipo remoto agradece profundamente. I research, prototype, and validate user-centered flows before writing a single line of code. This avoids late-stage redesigns and reduces overall project timelines — something any remote team deeply appreciates.

03 / Desarrollo Front-EndFront-End Development

Código de Alta FidelidadHigh-Fidelity Code

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 — un solo interlocutor, garantizando fluidez total sin fricción entre diseño y desarrollo. I don't let my designs get lost in translation to code. I implement directly using HTML, CSS, JavaScript, and Bootstrap, or build tailored WordPress solutions — a single point of contact, ensuring total fluidity and zero friction between design and development.

TrayectoriaExperience

10+ años de consistencia profesional 10+ years of professional consistency

Diseñador UX/UI & Desarrollador Web UX/UI Designer & Web Developer

Agencia La Vitamina · Viña del Mar La Vitamina Agency · Viña del Mar

Lideré 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. Led high-fidelity interactive prototyping, design systems creation, and full front-end development using Bootstrap and custom WordPress builds.

Diseñador Gráfico (Museografía & Difusión) Graphic Designer (Museum Exhibition & Media)

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

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. In charge of visual identities for large-scale art exhibitions, physical museum layout design, editorial catalog design, and digital/print promotional assets.

Docente de Área Diseño & Comunicaciones Design & Communications Lecturer

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. Taught courses related to design methodologies and layout technologies, training future generations to technically translate design into interactive media.

Especialización en Diseño Web & Mobile Web & Mobile Design Specialization

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. Specialized postgraduate program focusing on UX/UI, responsive design, user experience methodologies, and front-end coding fundamentals.

Título Profesional en Diseño Editorial Professional Degree in Editorial Design

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. Undergraduate training with a strong focus on grid systems, precise typography, and visual hierarchy principles applied to complex information systems.

Casos de estudioCase Studies

Proyectos destacadosFeatured Projects

Concepto: Modernización y optimización de plataforma corporativa Concept: Modernization and optimization of a corporate platform

CMS Chile

Desafío:Challenge: Diseñar y prototipar una interfaz responsiva alineada a una estética industrial-marítima, optimizada para la visualización fluida de datos críticos en dispositivos móviles. Design and prototype a responsive interface aligned with an industrial-maritime aesthetic, optimized for seamless data visualization on mobile devices. Mi Rol:My Role: UX/UI Design, Front-End Development (Bootstrap 5, HTML, CSS, JS). Solución:Solution: Un flujo de navegación altamente simplificado y una interfaz modular responsiva enfocada en reducir tiempos de carga y mejorar el consumo de datos en terreno. A highly simplified navigation flow and modular responsive layout focused on reducing load times and improving mobile data usage in the field.
UX/UI Design Bootstrap 5 Diseño ResponsivoResponsive Design Industria MarítimaMaritime Industry
Ver Caso de EstudioView Case Study Visitar Sitio Web ↗Visit Website ↗
Concepto: E-commerce de productos de seguridad para el adulto mayor Concept: E-commerce for elderly safety products

Mis Tatas (SOS Safety)

Desafío:Challenge: Diseñar una interfaz sumamente accesible y de alta legibilidad, enfocada en simplificar la compra de dispositivos de asistencia inteligente y smartwatches con geolocalización. Design an extremely accessible and highly legible interface, focused on simplifying the purchase of smart assistive devices and GPS smartwatches. Mi Rol:My Role: Dirección de Arte Digital, UX/UI Layout, Desarrollo en WordPress & Custom Fields (ACF). Digital Art Direction, UX/UI Layout, WordPress & Custom Fields (ACF). Solución:Solution: Flujo de compra optimizado en un solo clic, junto con especificaciones técnicas de alta legibilidad y jerarquía clara para un público senior — la accesibilidad real como eje del producto. Optimized single-click checkout flow combined with clear, highly legible technical specs for a senior audience — making real accessibility the core of the product.
E-commerce Accesibilidad UXUX Accessibility WordPress ACF Diseño para Adulto MayorElderly-Centered Design
Ver Caso de EstudioView Case Study Visitar Sitio Web ↗Visit Website ↗
Concepto: Sitios corporativos interactivos y autoadministrables Concept: Interactive and self-manageable corporate websites

Agencia La Vitamina (Desarrollos a Medida)

Desafío:Challenge: Maquetar interfaces responsivas complejas garantizando que los clientes finales pudieran autoadministrar el 100% de su contenido de forma amigable sin romper la arquitectura estética. Layout complex responsive interfaces while ensuring clients can easily self-manage 100% of their content without breaking the design system architecture. Mi Rol:My Role: Diseñador UX/UI & Desarrollador WordPress experto en integraciones ACF/SCF. UX/UI Designer & WordPress Developer specializing in ACF/SCF integrations. Solución:Solution: Creación de plantillas personalizadas y bloques modulares de WordPress con campos dinámicos acoplados nativamente a layouts responsivos basados en Bootstrap 5, reduciendo el uso de plugins de terceros. Creation of custom templates and modular WordPress blocks with dynamic fields paired natively with Bootstrap 5 responsive layouts, reducing reliance on third-party plugins.
WordPress a MedidaCustom WordPress ACF / SCF Sistemas de ContenidoContent Systems Bootstrap 5
Ver Caso de EstudioView Case Study Visitar Sitio Web ↗Visit Website ↗
TecnologíasTechnologies

Mi Stack de herramientasMy Tool Stack

Diseño & PrototipadoDesign & Prototyping

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

Desarrollo FrontendFrontend Development

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

Procesos & EstrategiaProcesses & Strategy

  • Arquitectura de InformaciónInformation Architecture
  • Sistemas de Diseño (Design Systems)Design Systems
  • Maquetación SemánticaSemantic Layout
  • Optimización Web & SEO On-PageWeb Optimization & On-Page SEO
  • Docencia Técnica y MentoríasTechnical Teaching & Mentorship
ContactoContact

¿Trabajamos juntos?Let's work together!

Actualmente estoy disponible para incorporarme a células de desarrollo remotas full-time, proyectos puntuales de consultoría técnica de diseño o colaboraciones freelance estratégicas a nivel global. I am currently available to join remote development squads full-time, take on short-term technical design consulting projects, or collaborate on strategic freelance ventures globally.

Ubicación:Location: Valparaíso, Chile (Huso Horario GMT-4 · Cobertura y disponibilidad de overlap con EE.UU., LatAm y Europa) Valparaíso, Chile (GMT-4 Time Zone · Available for overlap with US, LatAm, and Europe)
Idiomas:Languages: Español (Nativo) · Inglés (Profesional/Técnico de lectura y escritura) Spanish (Native) · English (Professional/Technical reading and writing)
Enviar un Correo ElectrónicoSend an Email Conectar en LinkedInConnect on LinkedIn