A modern, professional portfolio website showcasing my work as a game designer and developer.
This portfolio website highlights my experience in game design, development, and the various projects I've worked on since 2020. Built with modern web technologies and optimized for GitHub Pages deployment.
- Responsive Design: Optimized for all devices and screen sizes
- Modern UI: Clean, minimalist design inspired by professional game developer portfolios
- Multi-page Structure: Separate pages for Home, About, Projects, and Contact
- Smooth Navigation: Intuitive navigation with hover effects and transitions
- Project Showcase: Detailed project descriptions with technologies used
- Contact Forms: Interactive contact form for potential collaborations
- HTML5: Semantic markup structure
- CSS3: Modern styling with Tailwind CSS
- JavaScript: Interactive elements and smooth scrolling
- Tailwind CSS: Utility-first CSS framework
- Inter Font: Professional typography
portfolio/
├── index.html # Home page
├── about.html # About me page
├── projects.html # Projects showcase
├── contact.html # Contact information and form
├── images/ # Image assets folder
│ ├── hugo-profile.jpg # Your professional photo
│ ├── proyecto1.jpg # Featured project 1 image
│ ├── proyecto2.jpg # Featured project 2 image
│ └── projects/ # Subfolder for project images
│ ├── project1/ # Individual project assets
│ └── project2/
├── videos/ # Video assets folder
│ ├── proyecto-principal.mp4 # Project videos
│ └── demos/ # Gameplay demos
└── README.md # This file
- Create an
images/folder in your project root - Add your professional photo as
images/hugo-profile.jpg - Add project screenshots as
images/proyecto1.jpg,images/proyecto2.jpg, etc. - For better organization, create subfolders:
images/projects/project-name/
- Create a
videos/folder in your project root - Add project videos as
videos/proyecto-principal.mp4 - For demos, create
videos/demos/subfolder
- Great for showing gameplay mechanics in action
- Keep file sizes under 5MB for web performance
- Place in
images/folder with descriptive names
This website is designed to be deployed on GitHub Pages:
- Create a new repository on GitHub
- Upload all files to the repository
- Go to Settings > Pages
- Select "Deploy from a branch" and choose "main"
- Your site will be available at
https://yourusername.github.io/repository-name
Look for <!-- ATENCION: ... --> comments throughout the HTML files to customize:
- Update name, bio, and contact details throughout all files
- Replace placeholder email with your real email
- Update social media links (GitHub, LinkedIn, YouTube, Itch.io)
- Replace project descriptions, images, and links in
projects.html - Update project names and technologies used
- Add real screenshots, videos, or GIFs
- Update the timeline in
about.htmlwith your real experience - Replace placeholder companies and job descriptions
- Add your real education and location
- Replace
Your Photo Herewith your professional photo - Add real project screenshots and videos
- Update all placeholder images with your actual work
The design is inspired by professional game developer portfolios, particularly focusing on:
- Clean, minimalist aesthetics
- Clear typography hierarchy
- Professional color scheme
- Intuitive user experience
- Mobile-first responsive design
Feel free to reach out for collaborations, opportunities, or just to connect!
- Email: hugo.valladolid@email.com (UPDATE WITH YOUR REAL EMAIL)
- LinkedIn: linkedin.com/in/hugovalladolid (UPDATE WITH YOUR REAL LINK)
- GitHub: github.com/hugovalladolid (UPDATE WITH YOUR REAL LINK)
- YouTube: youtube.com/@hugovalladolid (UPDATE WITH YOUR REAL LINK)
© 2020-2025 Hugo Valladolid. All rights reserved.