Professional Portfolio Website
Designing a portfolio that reflects how I think, communicate, and deliver technical projects.
This portfolio was built to communicate more than a resume ever could. It combines editorial design, thoughtful storytelling, and modern web development to showcase my experience across software development, technical project management, and immersive technologies.
This portfolio was built to communicate more than a resume ever could. It combines editorial design, thoughtful storytelling, and modern web development to showcase my experience across software development, technical project management, and immersive technologies.
Project Facts
Role
Designer • Developer • Technical Project Manager
Platform
Webflow
Timeline
Summer 2026
Focus
Personal Branding • Recruiter Experience • Responsive Design • Modern SEO
Tools
Webflow • Krita • Canva • AI-Assisted Art Direction: ChatGPT, Gemini
Status
Live • Continuously Iterating
Project Overview
The Goal
A portfolio should communicate who you are before someone reads a single paragraph. My goal was to create a website that feels organized, approachable, and technically grounded while making it easy for recruiters and hiring managers to understand my experience.
Rather than overwhelming visitors with long pages of text, the site uses carefully selected visuals, concise content, and reusable components to guide them naturally through my background, projects, services, and recommendations.
Rather than overwhelming visitors with long pages of text, the site uses carefully selected visuals, concise content, and reusable components to guide them naturally through my background, projects, services, and recommendations.
The Challenge
My experience spans software engineering, technical project management, and XR production. Presenting those disciplines in a way that felt cohesive was the biggest challenge.
The site needed to speak to multiple audiences—including recruiters, hiring managers, and potential clients—while maintaining a consistent visual identity and allowing room to grow as new projects and case studies are added.
The site needed to speak to multiple audiences—including recruiters, hiring managers, and potential clients—while maintaining a consistent visual identity and allowing room to grow as new projects and case studies are added.
Technology Decisions
Choosing the right platform was one of the earliest decisions in the project.
I evaluated several website builders, but ultimately chose Webflow because it offered the best balance of design freedom, performance, and maintainability without requiring me to build and maintain a completely custom front end.
For this project, Webflow provided several advantages:
I evaluated several website builders, but ultimately chose Webflow because it offered the best balance of design freedom, performance, and maintainability without requiring me to build and maintain a completely custom front end.
For this project, Webflow provided several advantages:
Complete Design Control
Webflow gave me full control over layout, typography, spacing, and interactions without relying on templates or restrictive page builders.
Responsive by Design
Its responsive tools made it easy to create a polished experience across desktop, tablet, and mobile while maintaining a consistent design language.
A Developer-Friendly Workflow
With a background in software development, I appreciated that Webflow still thinks like front-end development. It exposes concepts like the box model, flexbox, grid, classes, and component reuse while removing much of the repetitive code.
Built to Grow
CMS Collections make it easy to add future projects, recommendations, and case studies without redesigning the website or changing its structure.
Built for Modern Search
One of my primary goals was building a website that is well structured for today's search landscape. Beyond traditional SEO, that meant creating a semantic, accessible, and technically sound website that can be understood by search engines, AI-powered search experiences, and future discovery platforms. Clean HTML structure, proper heading hierarchy, fast performance, responsive design, and clear content organization all influenced my decision to build with Webflow.
Performance and Maintenance
Webflow's hosting, deployment, and content management let me focus on design, storytelling, and user experience instead of maintaining infrastructure.As someone with a software development background, I appreciated that Webflow doesn't hide how websites are built. It encourages the same structured thinking used in front-end development while significantly reducing the time required to create polished interfaces.
Design Direction
The visual direction was inspired by modern editorial websites and Scandinavian interior design.
Large photography, generous whitespace, restrained typography, and warm natural lighting create a calm visual language that reflects how I approach projects: thoughtful, organized, and focused.
Rather than relying on generic stock photography, I developed a consistent collection of custom AI-assisted imagery with detailed art direction to create a cohesive visual identity across the entire website.
Each image follows a detailed art direction defining lighting, composition, color palette, environment, and recurring visual elements to create consistency across every page. AI served as a creative production tool, allowing me to build imagery tailored specifically to the story each section needed to tell.
The result is a visual system that feels cohesive while representing my work without relying solely on personal photography.
Large photography, generous whitespace, restrained typography, and warm natural lighting create a calm visual language that reflects how I approach projects: thoughtful, organized, and focused.
Rather than relying on generic stock photography, I developed a consistent collection of custom AI-assisted imagery with detailed art direction to create a cohesive visual identity across the entire website.
Each image follows a detailed art direction defining lighting, composition, color palette, environment, and recurring visual elements to create consistency across every page. AI served as a creative production tool, allowing me to build imagery tailored specifically to the story each section needed to tell.
The result is a visual system that feels cohesive while representing my work without relying solely on personal photography.
Building the Experience
Every section was designed as a reusable component rather than a one-off page.
Custom cards, sliders, responsive layouts, and reusable content blocks make it easy to expand the portfolio as new projects are completed. The site emphasizes scannability, allowing visitors to quickly understand my experience while still providing opportunities to explore deeper through case studies and supporting content.
Special attention was given to mobile usability, interaction design, accessibility, and maintaining consistent spacing throughout the experience.
Custom cards, sliders, responsive layouts, and reusable content blocks make it easy to expand the portfolio as new projects are completed. The site emphasizes scannability, allowing visitors to quickly understand my experience while still providing opportunities to explore deeper through case studies and supporting content.
Special attention was given to mobile usability, interaction design, accessibility, and maintaining consistent spacing throughout the experience.
Outcome
The finished portfolio establishes:
A professional online presence that reflects both my technical background and leadership experience.
A flexible foundation for future growth, including additional case studies, project highlights, recommendations, and technical writing.
A consistent design language throughout the site.
What I Learned
...
Design Communicates Before Words
A strong portfolio begins communicating before visitors read the first sentence. Consistent imagery, thoughtful typography, and generous whitespace help establish trust and professionalism within seconds.
Reusable Systems Scale Better
Designing reusable components instead of one-off sections made it much easier to expand the website with new projects, recommendations, and future case studies while maintaining a consistent user experience.
Less Can Say More
Reducing unnecessary content and focusing on clear messaging created a portfolio that is easier to navigate and quicker for recruiters and hiring managers to understand.
Technology Should Support the Experience
Choosing Webflow allowed me to spend more time refining the user experience and less time maintaining infrastructure. The platform provided the flexibility, performance, and modern technical foundation needed to build a site designed for long-term growth.