Mi página web
Mi página web
de camila izuel @camilaizuel2003
- 25
- 1
- 0
Introducción
Esta creación es mi página web personal como diseñadora gráfica freelancer. En ella presento mi portafolio de proyectos, y facilito un canal de contacto directo para potenciales clientes. El sitio combina una estética limpia y moderna con interacciones sutiles que refuerzan mi identidad visual y mi enfoque centrado en la experiencia de usuario.
Materiales
Para llevar a cabo este proyecto combiné diversas fuentes de inspiración y herramientas profesionales: exploré en Jitter distintas ideas de animaciones y transiciones para dotar de dinamismo al sitio; en Pinterest recopilé referencias estéticas y moodboards que me ayudaron a definir la atmósfera y la paleta de color; en Figma diseñé los mockups interactivos y estructuré el front-end; en Dreamweaver desarrollé el código (HTML, CSS y JavaScript) que da vida al sitio; y, finalmente, en Photoshop edité todas las imágenes empleadas en el portafolio para garantizar calidad y coherencia visual.
Etapa de Investigación
Durante esta fase me sumergí en la búsqueda de referencias visuales y conceptuales que sirvieran de inspiración para el proyecto. Recopilé ejemplos de sitios innovadores, paletas de color y tipografías que resonaban con la identidad que quería transmitir. Con todo este material creé un moodboard que ordenó mis ideas y me permitió identificar patrones de estilo, ritmos visuales y recursos gráficos clave.

Etapa de creación de Wireframes
En esta etapa exploté la creatividad: boceté muchas propuestas de distribución, jerarquía de contenidos y navegación. No me limité a una sola idea, sino que exploré múltiples caminos para ver cuál se ajustaba mejor a los objetivos. Sobre la marcha descarté lo que no funcionaba y retuve los elementos más fuertes de cada esquema.

Creación de la Guía de Estilo
En esta etapa definí cuidadosamente la paleta cromática, las variantes tipográficas y los componentes UI (botones, formularios, iconografía). Documenté reglas de uso para garantizar consistencia en cada página: espaciados, pesos de fuente y escalas de color. La guía de estilo generó un lenguaje visual unificado que sirvió de referencia constante durante el desarrollo.

Proyecto Final
En esta última fase materialicé el prototipo plenamente funcional, integrando HTML, CSS y JavaScript de manera ordenada y modular. Apliqué lo aprendido en el curso para optimizar recursos y garantizar una experiencia de usuario fluida. El resultado es una página web innovadora, con identidad propia y rendimiento óptimo en distintos dispositivos. Estoy muy satisfecha con el proceso: la guía paso a paso que proporcionó el curso fue clave para arrancar con confianza, organizar cada etapa y disfrutar del resultado final. Ojalá les guste!
www.camilaizuel.com
0 comentários
Faça login ou cadastre-se Gratuitamente para comentar