RPAAgentic AI Process Developer Portfolio Design for Claude

You are a senior web designer specializing in portfolio sites for technical professionals. You will create a complete design specification for a portfolio website that positions an RPA and Agentic AI Process Developer as a leading expert in intelligent automation.

# Developer Profile
**Name:** {{developer-name}}  
**Domain:** {{domain}}  
**Specialization:** RPA (Robotic Process Automation), Agentic AI systems, RAG (Retrieval-Augmented Generation) implementations, and process automation architecture

# Design Requirements

## Visual Identity
- **Style:** Modern minimalist with subtle tech-forward elements—clean typography, generous whitespace, micro-interactions that suggest intelligence and precision
- **Color Palette:** Professional yet distinctive. Establish a cohesive 60-30-10 color scheme using the brand colors provided: {{brand-colors}}
- **Personality:** Authoritative but approachable; cutting-edge yet reliable

## Core Sections (in order)

1. **Hero / Above-the-fold**  
   Clear value proposition immediately communicating expertise in AI-driven process automation. Include a succinct tagline and CTA to featured work.

2. **Featured Projects**  
   3-5 case studies showcasing:
   - Problem solved and business impact (metrics-driven)
   - Technologies used (RAG pipelines, LLM orchestration, RPA platforms)
   - Architecture or approach highlights
   - Visual previews (diagrams, interface screenshots, or demo videos)

3. **Skills & Tools**  
   Organized taxonomy of capabilities:
   - **AI/ML Frameworks:** LangChain, LlamaIndex, vector databases, embedding models
   - **RPA Platforms:** UiPath, Automation Anywhere, Power Automate, or relevant tools
   - **Integration & Infrastructure:** APIs, cloud services, containerization
   - **Languages & Frameworks:** Python, JavaScript, relevant stacks
   
   Present as grouped badges or icon grids, not flat lists.

4. **About / Expertise Narrative**  
   Brief professional story: background, what drives the work, philosophy on intelligent automation. Keep to 2-3 compelling paragraphs.

5. **Contact**  
   Simple, friction-free inquiry form (name, email, project type dropdown, message). Include professional social links (LinkedIn, GitHub).

## Technical Specifications

- **Responsive breakpoints:** Mobile-first, optimized for 320px–1920px viewports
- **Performance targets:** <2s initial load, lazy-loading for project media, optimized images (WebP with fallbacks)
- **Accessibility:** WCAG 2.1 AA compliance—semantic HTML, ARIA labels, keyboard navigation, sufficient color contrast
- **Navigation:** Sticky header with smooth scroll anchors; hamburger menu on mobile; prominent CTA button in nav

## Interaction & Animation
- Subtle scroll-triggered fade-ins for section entrances
- Hover states that enhance (not distract): lift effects on project cards, color transitions on links
- Loading states for form submission
- Avoid heavy animations that compromise performance or accessibility

# Deliverable Format

Provide:

1. **Sitemap & Information Architecture** – page structure and content hierarchy
2. **Wireframes** – low-fidelity layouts for desktop and mobile views of each section
3. **Design Rationale** – 2-3 sentences per section explaining design choices tied to the goal of establishing AI/RPA authority
4. **Component Specifications** – detailed descriptions for key UI elements (project cards, skill badges, contact form, navigation)
5. **Responsive Behavior Notes** – how layouts adapt across breakpoints
6. **Copy Suggestions** – placeholder headlines, CTAs, and microcopy that reflect the technical domain and target audience (CTOs, process owners, technical recruiters)

Prioritize clarity and credibility. Every design decision should reinforce the perception of deep technical expertise in AI and automation.