Web Portfolio

DIY by Design

DIY by Design

Project Description

DIY by Design was created to showcase several home renovation projects. The website caters to an audience of fellow first-time home buyers who enjoy do-it-yourself projects, working on a budget, and expressing their creativity through interior design and home renovations.

screenshot of DIY by Design website landing page


DIY by Design sought a platform for organizing content related to home renovations, decor, and various do-it-yourself projects, with the flexibility to expand as new projects and articles are completed.

Apart from content management, DIY by Design sought a sophisticated, modern website design to showcase its content. The goal was to ensure easy navigation, allowing visitors to effortlessly explore the site and locate topics of interest.

Content Management

DIY by Design had numerous articles and images documenting various home improvement projects, requiring a well-organized and easily manageable space. WordPress emerged as an appealing choice, providing solutions to these needs. Ultimately, WordPress was utilized to organize and present all the documentation created by DIY by Design.

Within the WordPress platform, categories and subcategories were implemented to efficiently organize content. Moreover, tags were generated to interconnect loosely related content spanning different categories. Static Pages were established for permanent content, such as an About page and a Contact page.

screenshot of the menu on DIY by Design website

User Experience

DIY by Design aimed for a minimalist and uncluttered website design. The site predominantly utilizes black and white as its main colors, ensuring that the focus is on the images from home improvement projects.

The landing page showcases a visually cohesive image spread that sets the overall tone of the website. Custom blocks were crafted in WordPress to enhance the site's appearance and user experience, including a distinctive sign-off featuring the article's author at the bottom of each post.

Beyond the color scheme, the website is meticulously organized to facilitate easy navigation through various projects. In the menu, the two main categories are presented as links, while subcategories are accessible through a dropdown menu.

screenshot of DIY by Design website custom sign off block


In summary, DIY by Design's website has created a user-friendly platform featuring a sleek black-and-white design to highlight a variety of home improvement projects. The website's careful organization within WordPress ensures easy navigation, while custom blocks and a visually engaging landing page contribute to an overall pleasant user experience. DIY by Design's website has successfully combined practicality and aesthetics to showcase its content effectively to the audience.