CSS Code (only visible on the theme builder)
JS Code (only visible on the theme builder)


Role: Web designer and developer

Context: Web design portfolio

Duration: March 2022 – March 2022

Client Details

Understanding the client.

A new portfolio website

This is a portfolio for a new portfolio website for a client starting out as a web designer. As they were busy enough with the clientele they needed assistance in creating their site and having it ready and prepared, so we took on the task.

Design Challenge

The main design challenge encompassing this designer’s portfolio was since that they were starting out it means they had no prior work to be displayed or drive traffic to. In this regard, we asked the designer to create mockups of work they would be able to complete to showcase their skills and potential leads that would find their site.

Design Strategy

Creating a process from scratch.

Brand Colors


Lead Gen



The Mockup

As we are starting from scratch the first step is always a mockup. First off getting in touch with the client and understanding the goals and look of their brand and goal is what allows us to create a stunning website. Once a meeting is complete and information is taken, a mockup is created of a rough draft that will be the starter for the actual website.

Setting a need to decide on the brand colors that will be used as well as the structure and layout scheme. Including more CTAs that will create the necessary lead generation and audience growth to obtain more clients.


Once the mockup was complete a meeting was set to go over the design and structure. Once approved by the client, the creation of the website was next. Including adding animation and interactivity to give a rich and professional user experience. Upon finishing the final design; testing of the site began to make sure that all responsiveness on all displays was sufficient and correct and that no errors were occurring. Once complete a discussion was set to view the design and have approval given.






The design

Content Fix

Compressing and Improving content.

Web Design | Web Development 

Once the mockup was complete in the strategy design process. We move forward with condensing information in a professional manner to allow for as much information to be available as possible without oversupplying what is not necessary. By strategizing with the team on a deciding factor of structural layout and hierarchy. The best possible result is achieved. Adding structural elements and personally crafted graphics with subtle animation and user interactivity allows the best outcome for what the client is wanting to have and achieve with their business.

After gaining approval from the client the new design began and a new chapter in our client’s story began. The website is then published and going live with all necessary preparations and security assistance to keep it afloat and prepared for anything to come.