cd /news/ai-tools/exploring-four-design-directions-for… · home topics ai-tools article
[ARTICLE · art-129580] src=blog.codeyam.com ↗ pub= topic=ai-tools verified=true sentiment=· neutral

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.

read1 min views3 publishedAug 25, 2026
Exploring Four Design Directions for My Personal Website with CodeYam and Claude Code
Image: Blog (auto-discovered)

In Part 4 of this series, CodeYam CEO & Cofounder Nadia Eldeib 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 ‘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 AIPart 2: Brainstorming with the CodeYam TeamPart 3: A Design Critique

Stay tuned for the next iteration.

── more in #ai-tools 4 stories · sorted by recency
── more on @codeyam 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/exploring-four-desig…] indexed:0 read:1min 2026-08-25 ·