{"slug": "exploring-four-design-directions-for-my-personal-website-with-codeyam-and-claude", "title": "Exploring Four Design Directions for My Personal Website with CodeYam and Claude Code", "summary": "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.", "body_md": "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.\n\nAfter 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.\n\nIn 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.\n\nShe 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.\n\nRather 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.\n\nCatch up on the series:\n\n**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)\n\nStay tuned for the next iteration.", "url": "https://wpnews.pro/news/exploring-four-design-directions-for-my-personal-website-with-codeyam-and-claude", "canonical_source": "https://blog.codeyam.com/p/exploring-four-design-directions", "published_at": "2026-08-25 21:50:53+00:00", "updated_at": "2026-09-14 23:04:12.963438+00:00", "lang": "en", "topics": ["ai-tools", "generative-ai", "ai-products"], "entities": ["CodeYam", "Nadia Eldeib", "Claude Code", "Dani"], "alternates": {"html": "https://wpnews.pro/news/exploring-four-design-directions-for-my-personal-website-with-codeyam-and-claude", "markdown": "https://wpnews.pro/news/exploring-four-design-directions-for-my-personal-website-with-codeyam-and-claude.md", "text": "https://wpnews.pro/news/exploring-four-design-directions-for-my-personal-website-with-codeyam-and-claude.txt", "jsonld": "https://wpnews.pro/news/exploring-four-design-directions-for-my-personal-website-with-codeyam-and-claude.jsonld"}}