create

Create Portfolio

Creating Portfolio Projects in Deneb Jekyll Theme

Overview

Portfolio projects showcase your work, skills, and achievements. This guide will help you create compelling portfolio entries.

Directory Structure

  • Portfolio projects are stored in the _portfolio/ directory
  • Use the naming convention: project-name.md

Portfolio Project File Structure

Filename Example

_portfolio/project-digital-agency-redesign.md

Front Matter Configuration

---
layout: portfolio-details
title: "Digital Agency Redesign"
date: 2025-01-15
category: [web design, branding]
tags: [ui/ux, responsive design]
image: "/assets/images/portfolio/project-1.webp"
client: "TechInnovate Corp"
project_url: "https://example.com"
description: "Complete digital transformation for a leading tech company."
technologies: 
  - React
  - Figma
  - AWS
featured: true
weight: 1
---

Front Matter Parameters

  • layout: Use portfolio-details
  • title: Project name
  • date: Project completion date
  • category: Project type or industry
  • tags: Specific technologies or skills
  • image: Project featured image
  • client: Client name
  • project_url: Live project link
  • description: Project overview
  • technologies: Used tech stack
  • featured: Highlight on portfolio page
  • weight: Sorting order

Project Description Structure

## Project Overview
Detailed description of the project, its goals, and challenges.

### Project Objectives
- Specific goals
- Key performance indicators

### Design Process
1. Research and discovery
2. Wireframing
3. Prototyping
4. Final design

### Technologies Used
- Frontend: React, Tailwind CSS
- Backend: Node.js, Express
- Deployment: AWS, Netlify

### Challenges and Solutions
Describe unique challenges and how they were overcome.

### Results
- Quantifiable outcomes
- Client testimonial

Best Practices

  1. Use high-quality project images
  2. Write clear, concise descriptions
  3. Highlight key achievements
  4. Include relevant technologies
  5. Showcase problem-solving skills
  6. Use consistent formatting

Image Guidelines

  • Use professional, high-resolution images
  • Optimize for web performance
  • Include multiple project screenshots
  • Use consistent image sizes

SEO Optimization

  • Use descriptive titles
  • Include relevant keywords
  • Write comprehensive descriptions
  • Add alt text to images

Workflow

  1. Gather project details
  2. Create a new file in _portfolio/
  3. Add front matter
  4. Write project description
  5. Include images
  6. Preview locally
  7. Publish

Troubleshooting

  • Check image paths
  • Verify front matter syntax
  • Ensure consistent formatting
  • Test portfolio page display

Next Steps

  • Collect your best projects
  • Create portfolio entries
  • Showcase your professional achievements