Roles:
Roles:
Web Designer
UX Designer
Field:
Field:
Art
Gallery
Tools:
Tools:
Figma
HTML
Adobe Photoshop
WordPress
WordPress
Adobe Photoshop
Project Taskflow
Stage 1: Research & Project Scope
Stage 1: Research & Project Scope
During my UI/UX Design and Web Design Internship at Generate Designs, I was tasked with designing and developing a portfolio website for Charles Barth, a contemporary artist known for his vibrant and intricate artwork. The goal was to create a visually immersive, user-friendly site that showcased his artwork while ensuring smooth navigation and responsiveness. I began by researching portfolio best practices, user behavior on art websites, and competitor analysis to craft an engaging online presence.
During my UI/UX Design and Web Design Internship at Generate Designs, I was tasked with designing and developing a portfolio website for Charles Barth, a contemporary artist known for his vibrant and intricate artwork. The goal was to create a visually immersive, user-friendly site that showcased his artwork while ensuring smooth navigation and responsiveness. I began by researching portfolio best practices, user behavior on art websites, and competitor analysis to craft an engaging online presence.
Stage 2: Wireframing & Site Architecture
Stage 2: Wireframing & Site Architecture
Using Figma, I structured the website layout to prioritize artwork visibility, intuitive navigation, and storytelling. Key sections included:
• Homepage: A bold hero section featuring Charles Barth’s signature artwork.
• Gallery: A grid-based showcase optimized for high-resolution images.
• About Page: A personal insight into the artist’s journey and creative process.
• Contact Page: A seamless way for potential buyers and collaborators to reach out.
Using Figma, I structured the website layout to prioritize artwork visibility, intuitive navigation, and storytelling. Key sections included:
• Homepage: A bold hero section featuring Charles Barth’s signature artwork.
• Gallery: A grid-based showcase optimized for high-resolution images.
• About Page: A personal insight into the artist’s journey and creative process.
• Contact Page: A seamless way for potential buyers and collaborators to reach out.
Stage 3: UI Design & Web Development
Stage 3: UI Design & Web Development
I implemented a clean, modern UI using Adobe Creative Suite and Webflow to maintain a balance between minimalism and artistic vibrancy.
• Typography & Color Palette – Selected to complement the artist’s bold and colorful works.
• Image Optimization & Performance – Ensuring high-quality visuals without compromising load speed.
• Mobile Responsiveness – Designed for a smooth experience across all devices.
I implemented a clean, modern UI using Adobe Creative Suite and Webflow to maintain a balance between minimalism and artistic vibrancy.
• Typography & Color Palette – Selected to complement the artist’s bold and colorful works.
• Image Optimization & Performance – Ensuring high-quality visuals without compromising load speed.
• Mobile Responsiveness – Designed for a smooth experience across all devices.
Stage 4: Testing & Client Feedback
Stage 4: Testing & Client Feedback
After development, I conducted usability testing to refine navigation, ensure mobile-friendliness, and adjust content hierarchy. Based on feedback from Charles Barth and the Generate Designs team, I refined elements like image placements, text readability, and hover interactions to enhance the overall experience.
After development, I conducted usability testing to refine navigation, ensure mobile-friendliness, and adjust content hierarchy. Based on feedback from Charles Barth and the Generate Designs team, I refined elements like image placements, text readability, and hover interactions to enhance the overall experience.
Outcomes
Outcomes
The Charles Barth Artist website successfully showcases his artwork in an engaging and immersive way, reinforcing his brand identity while providing a seamless user experience. The project highlights my expertise in UX/UI design, web development, and visual storytelling, helping artists create an impactful digital presence.
The Charles Barth Artist website successfully showcases his artwork in an engaging and immersive way, reinforcing his brand identity while providing a seamless user experience. The project highlights my expertise in UX/UI design, web development, and visual storytelling, helping artists create an impactful digital presence.
