Other than interviewing five professionals, I was tasked to create a website that will showcase my portfolio. You can visit my website here.
The website was created from scratch using HTML/CSS and PHP. I decided to do it that way so that I have more flexibility in the design, and easier way on managing the content. Through PHP, we are able to use CMS (Content Management System) with a database attached to the domain. Below is the database flow I used for the website and the sample UI of the database.
The overall objective of the design is to be to the point, simple, and responsive. Although the website is optimized for a desktop screen size of 1440px width and a mobile screen size of 500px width, it should be okay to view it in any screen sizes. However, I would suggest viewing the website on your phone for better experience. As more than half of website traffics are accessed through mobile (read more here), I wanted to give viewers an equal or even better experience on mobile. Furthermore, some of the sections are created in a separate HTML/PHP page to create efficiency in building the website. For example, the footer in all pages are created on a separate ‘footer.php’, and invoked in all pages through the function ‘include’. Below is the code.
As for the CMS, below is how to invoke it through PHP.
Shannon Joycelyn 