Apr 20, 2024

Ortiz Web Works

A Modern Portfolio Website

Overview

This project showcases a professional portfolio website built with Eleventy and Nunjucks, designed to highlight my web development expertise. With a focus on accessibility, responsiveness, and seamless user experience, the site reflects my ability to craft modern, functional, and aesthetically pleasing web solutions.

Objectives

Responsive Design

Develop a mobile-first design that provides an exceptional browsing experience across desktops, tablets, and smartphones.

Accessibility Focus

Ensure that the website meets accessibility standards, making the experience inclusive for users of all abilities.

Content Management

Incorporate a headless CMS (Decap CMS) to enable easy and code-free updates to project showcases.

Challenges & Solutions

Challenges

  • Designing a layout that effectively highlights top web development projects without overwhelming the user.

  • Implementing a fully responsive website that adheres to accessibility best practices, providing an inclusive browsing experience for all users.

  • Integrating a user-friendly way that allows seamless updates to the portfolio without requiring going into the code.

  • Creating a functional and secure contact form that provides seamless communication while safeguarding against spam and misuse.

Solutions

  • Utilized Eleventy’s static site generation capabilities combined with Nunjucks templating to present projects in an engaging and well-structured layout.

  • Styled with CSS3 and enhanced with JavaScript for smooth navigation, while adhering to accessibility standards for inclusivity.

  • Integrated Decap CMS for effortless management of content, ensuring I can make updates with ease.

  • Developed a secure and functional contact form with spam protection, offering users a reliable method to get in touch.

Portfolio

Explore More

View All

Let's work together.

Get in touch.