The Challenge
My personal website was, frankly, quite basic. While functional, it looked more like a placeholder than a professional DevOps engineer's portfolio. The old design had a simple white background, basic Arial font, and minimal styling that didn't reflect the technical expertise I wanted to showcase.
Enter Claude Code
I decided to use Claude Code to completely redesign the website. The process was remarkably efficient - what would have taken me hours of manual coding was accomplished in minutes through intelligent assistance and automated improvements.
What Changed
Before
- Basic white background
- Arial font, minimal styling
- Simple skill tags
- Basic contact info
- No visual hierarchy
After
- Modern dark theme with gradients
- Inter font with proper typography
- Organized skill categories
- Professional experience timeline
- Card-based layouts with hover effects
Technical Improvements
The redesign incorporated several modern web development practices:
- CSS Custom Properties: Consistent theming with
--primary-color,--accent-color, etc. - Modern Typography: Inter font for better readability and professional appearance
- GitHub-inspired Dark Theme: Professional dark color scheme that appeals to developers
- Responsive Design: Mobile-first approach with proper breakpoints
- Interactive Elements: Hover effects, smooth transitions, and micro-interactions
- FontAwesome Icons: Professional iconography throughout the interface
Privacy & Security
During the redesign, we also implemented several privacy and security improvements:
- Email address obfuscated to prevent bot harvesting:
erik [at] botta [dot] cz - CV file renamed with commit hash for privacy
- Sensitive files like
CLAUDE.mdmoved to protected directories - Implemented Cloudflare Pages redirects and ignore files
Content Enhancement
The new website includes significantly more detailed professional information:
- Professional Summary: Highlighting 10 years of experience in regulated fintech
- Expanded Skills: 6 categories covering cloud, security, automation, databases, observability, and APIs
- Experience Timeline: Detailed work history with specific achievements
- Compliance Expertise: CNB, ISO 27001, and regulatory experience prominently featured
Lessons Learned
This redesign demonstrates the power of AI-assisted development. Claude Code was able to:
- Analyze the existing codebase and identify improvement opportunities
- Extract and organize information from my CV PDF
- Implement modern design patterns and best practices
- Maintain consistency across all pages (main, blog, individual posts)
- Handle privacy and security concerns automatically
What's Next
With the foundation now in place, I plan to regularly add technical blog posts covering:
- DevOps automation techniques and tools
- Kubernetes and containerization best practices
- Infrastructure as Code with Terraform
- Compliance and security in fintech environments
- Cloud architecture patterns and lessons learned
The redesign has transformed a basic placeholder into a professional portfolio that accurately represents my technical expertise and experience as a DevOps engineer.