How to create a file structure for

Portfolio Website Design

This blueprint provides a clear starting point for your Portfolio Website Design project. A well-organized file structure is key to an efficient workflow.

A well-organized structure for portfolio website design projects, including assets, wireframes, and final designs.

portfolio website design creative ui/ux

Use this Blueprint with File Architect

Copy the blueprint below and paste it into File Architect to instantly generate this structure on your computer.

Or, use the "Open in App" button for direct import.

  • Folder portfolio-website-design
  • Folder assets
  • Folder images
  • Folder videos
  • Folder fonts
  • Folder design_system
  • Folder colors
  • Folder typography
  • Folder components
  • Folder wireframes
  • Folder desktop
  • Folder mobile
  • Folder mockups
  • Folder desktop
  • Folder mobile
  • Folder style_guide
  • Folder final_design
  • Folder desktop
  • Folder mobile
  • Folder prototypes
  • File README.md 
portfolio-website-design
	assets
		images
		videos
		fonts
	design_system
		colors
		typography
		components
	wireframes
		desktop
		mobile
	mockups
		desktop
		mobile
	style_guide
	final_design
		desktop
		mobile
	prototypes
	README.md

Create this file structure directly on your mac with File Architect

File Architect helps you create complex file and folder structures from plain text.

Skip the repetitive work and get to work faster with File Architect.

Download File Architect