Portfolio Site

Use Case: Personal portfolio for designers, developers, photographers, or creative professionals.
Key Features: Hero introduction, project gallery, skills showcase, contact form, responsive grid

[[ Jane Doe | *Work* | About | Contact ]]

---

::: hero
# Hi, I'm Jane Doe

**Product Designer & Creative Developer**

I design beautiful, functional digital experiences that users love.

[View My Work ↓] [Download Resume] [[email protected]]

:::

---

![Profile Photo](https://via.placeholder.com/200x200)

---

## Featured Work

::: grid-2 card

### E-Commerce Redesign
![Project Screenshot](https://via.placeholder.com/500x350)

**Mobile App Design** • 2024

Redesigned the shopping experience for 2M+ users, increasing conversion by 35%.

**Skills:** UI/UX, Figma, User Research, A/B Testing

[View Case Study →]

### SaaS Dashboard
![Project Screenshot](https://via.placeholder.com/500x350)

**Web Application** • 2024

Analytics platform for B2B customers with real-time data visualization.

**Skills:** React, TypeScript, D3.js, Design System

[View Live Site →]

### Brand Identity
![Project Screenshot](https://via.placeholder.com/500x350)

**Branding & Marketing** • 2023

Complete brand identity for sustainable fashion startup including logo, guidelines, and website.

**Skills:** Brand Strategy, Illustration, Web Design

[View Portfolio →]

### Mobile Banking App
![Project Screenshot](https://via.placeholder.com/500x350)

**Fintech Product** • 2023

Secure, accessible banking app serving 500K+ users with 4.8★ rating.

**Skills:** iOS, Swift, Accessibility, Security

[View Case Study →]

:::

---

## All Projects

| Project | Year | Type | Link |
|---------|------|------|------|
| :art: E-Commerce Platform | 2024 | UI/UX Design | [View →] |
| :mobile: Fitness Tracking App | 2024 | Mobile Design | [View →] |
| :chart: Analytics Dashboard | 2024 | Web Development | [View →] |
| :palette: Brand Identity System | 2023 | Branding | [View →] |
| :shopping: Marketplace Redesign | 2023 | Product Design | [View →] |
| :camera: Photography Portfolio | 2023 | Web Design | [View →] |

[Load More Projects]

---

## Skills & Expertise

::: grid-3 card

### UI/UX Design
- User Research
- Wireframing
- Prototyping
- User Testing
- Design Systems

**Tools:** Figma, Sketch, Adobe XD

### Visual Design
- Typography
- Color Theory
- Iconography
- Illustration
- Brand Identity

**Tools:** Illustrator, Photoshop

### Development
- HTML/CSS
- JavaScript
- React/Vue
- TypeScript
- Responsive Design

**Tools:** VS Code, Git, Tailwind

:::

---

## Tools I Love

[[ :figma: Figma | :sketch: Sketch | :adobe: Adobe CC | :react: React | :vue: Vue | :tailwind: Tailwind ]]

---

## About Me

::: card

### My Story

I'm a product designer with 8+ years of experience creating digital experiences that blend beautiful aesthetics with intuitive functionality. I specialize in user-centered design, working closely with cross-functional teams to bring ideas to life.

**Background:**
- 🎓 BFA in Graphic Design, Rhode Island School of Design
- 💼 Previously at Google, Airbnb, and various startups
- 🏆 Awwwards Site of the Day (3x)
- 📱 Apps featured on App Store (5+)

**When I'm not designing:**
- 📸 Exploring photography and visual storytelling
- ✈️ Traveling to experience different cultures
- 📚 Reading about psychology and human behavior
- 🎨 Teaching design workshops for beginners

:::

---

## Recognition & Awards

::: grid-4 card

### Awwwards
3x Site of the Day
2x Mobile Excellence

### App Store
5 Featured Apps
4.8 Average Rating

### Dribbble
Top 1% Designer
50K+ Followers

### Speaking
10+ Conferences
TEDx Speaker

:::

---

## Let's Work Together

::: hero
# Have a Project in Mind?

I'm currently available for freelance work and new opportunities.

[Get in Touch]* [Schedule Call]

:::

---

## Contact Me

::: card

### Send a Message

Name
[_____________________________] {required:true}

Email
[_____________________________] {type:email required:true}

Project Type
[Select type...v]
- Product Design
- Web Development
- Branding
- Consulting
- Other

Budget Range
- ( ) < $5,000
- (*) $5,000 - $15,000
- ( ) $15,000 - $50,000
- ( ) $50,000+

Message
[Tell me about your project...] {rows:6 required:true}

[Send Message]* [Clear]

:::

---

::: footer

::: grid-3 card

### Work
- [Portfolio](https://janedoe.design)
- [Dribbble](https://dribbble.com/janedoe)
- [Behance](https://behance.net/janedoe)

### Social
- [Twitter](https://twitter.com/janedoe)
- [LinkedIn](https://linkedin.com/in/janedoe)
- [Instagram](https://instagram.com/janedoe)

### Contact
- [[email protected]](mailto:[email protected])
- [+1 (555) 123-4567](tel:+15551234567)
- San Francisco, CA

:::

© 2025 Jane Doe. All rights reserved.

:::

Style Variations:

sketch - Casual, creative portfolio feel
clean - Minimalist, professional presentation
wireframe - Focus on content hierarchy
tailwind - Modern, colorful personal brand
material - Polished, layered design
brutal - Bold, artistic statement
none - Clean markup for custom styling

Generate this example:

bash

wiremd portfolio.md --style sketch
wiremd portfolio.md --style clean -o portfolio-clean.html
wiremd portfolio.md --style brutal -o portfolio-brutal.html

Portfolio Site ​

Portfolio Site