WEB DESIGN
Ileana Schinder / Website Redesign
Rediseño web completo para una arquitecta de Washington DC — de Figma a WordPress
AÑO
2023
ROL
Web Designer / FrontEnd Dev
DURACIÓN
5 Months
HERRAMIENTAS
Figma, Visual Studio Code, Wordpress
RESUMEN
El Reto
Ileana Schinder, arquitecta residencial con sede en Washington DC, tenía un sitio web desactualizado que no comunicaba la calidad ni la sofisticación de su trabajo. El sitio no reflejaba su marca, dificultaba que los clientes potenciales evaluaran su portafolio y no generaba los leads que su reputación merecía. El proyecto requería un rediseño completo — desde la identidad visual y la experiencia de usuario hasta la implementación en código personalizado en WordPress — para crear un sitio que estuviera a la altura de la precisión y elegancia de su arquitectura.
Mi Enfoque
Llevé el proyecto de extremo a extremo como diseñador y desarrollador. Comenzando con una fase de descubrimiento para entender a sus clientes, el panorama competitivo y los valores de marca, diseñé una UI limpia con protagonismo de la fotografía en Figma — priorizando el espacio en blanco, una tipografía refinada y una paleta de colores mínima que dejara que las imágenes de sus proyectos hablaran por sí solas. Luego construí el sitio en WordPress usando HTML, CSS y JavaScript personalizados en Visual Studio Code, asegurando una traducción pixel-perfect del diseño al código. El resultado es un sitio rápido y responsivo que eleva su portafolio y posiciona su estudio para clientes residenciales de alto nivel.
5 meses
duración del proyecto
1
diseñador y desarrollador, de extremo a extremo
WordPress
plataforma CMS
Figma + VS Code
herramientas de diseño y desarrollo
PROCESO
Cómo llegué ahí
Descubrimiento
Analicé el portafolio existente de Ileana, investigué a su competencia e identifiqué el perfil de su cliente objetivo. Definí una dirección de diseño con protagonismo de la fotografía y tipografía arquitectónica que reflejara la precisión de su trabajo.
Diseño UI
Creé wireframes y mockups en alta fidelidad en Figma. Construí un sistema de diseño refinado con paleta de colores minimalista, espaciado cuidadoso y jerarquía tipográfica que guía naturalmente a los visitantes a través del portafolio.
Desarrollo
Construí un tema WordPress personalizado desde cero usando HTML, CSS y JavaScript en Visual Studio Code. Prioricé el rendimiento, la responsividad en todos los dispositivos y una estructura de código limpia para facilitar futuras actualizaciones de contenido.
Lanzamiento y QA
Realicé pruebas cross-browser y cross-device. Colaboré con Ileana en el contenido final, la selección de imágenes y el copy — luego lancé el sitio en ileanaschinder.com.
DISEÑO
El Diseño
Trabajemos juntos.
¿Tienes un proyecto en mente? Me encantaría escucharlo.