Exploring Four Design Directions for My Personal Website with CodeYam and Claude Code

CodeYam CEO and cofounder Nadia Eldeib narrowed her personal website redesign to four design variants in Part 4 of her Substack series, iterating with CodeYam and Claude Code. Eldeib incorporated design feedback from Dani and refined her prompts, adding real images and content before sharing the work back with the CodeYam team for design and development feedback. The series, which began with Part 1 on rebuilding a personal website with AI, is positioned as an example of using AI to explore, critique, and iteratively refine a real website rather than finalizing a design in one shot.

In Part 4 of this series, CodeYam CEO & Cofounder Nadia Eldeib https://open.substack.com/users/552827-nadia-eldeib?utm source=mentions continues redesigning her personal website using CodeYam and Claude Code, including incoporating the feedback from Dani on her original site. After exploring different approaches and getting the team’s thoughts on the original redesigns as well as her current personal website, Nadia has narrowed things down to four variants that all riff on similar themes but with slightly different aesthetics, composition, and typography. In this quick update, she walks through each direction, going from a version that stays relatively close to the existing site to a more editorial, magazine-inspired and visually dynamic concept and some other wilder variations. She also shares how she’s iterating with CodeYam and Claude Code: incorporating Dani https://open.substack.com/users/308143098-dani?utm source=mentions ‘s design feedback, getting more specific with prompts, adding real images and content, and sharing work back with the CodeYam team for design and development feedback. Rather than trying to arrive at the final design in one shot, the process is an example of using AI to explore, critique, and iteratively refine a real website. Catch up on the series: Part 1: Rebuilding a Personal Website with AI https://blog.codeyam.com/p/rebuilding-a-personal-website-with Part 2: Brainstorming with the CodeYam Team https://blog.codeyam.com/p/brainstorming-on-a-personal-website Part 3: A Design Critique https://blog.codeyam.com/p/a-design-critique-of-an-existing Stay tuned for the next iteration.