Noah Sena | Portfolio

Kitchen Website - Html and CSS
Kitchens and bedrooms website prototype. Used HTML and CSS. Done the UX&UI and the code part.
The client came to me asking for a website for a future project, and he gave me two main directions: it has to be clean and modern, and it has to be written in HTML/CSS, so he can put it directly onto his server. Plus, it should be responsive to any device size. So, having this in mind, I have done so.
First, the design was presented in a PowerPoint presentation. After approval, I started to develop the HTML code and CSS in a modular way. I decided to do so following the technique "do small, test small, fail as soon as possible, fix, and continue to the next one".
Secondly, I presented the prototype. The client gave me some feedback and slight adjustments. I listened to them and modified as asked. After that, I presented again and the client was satisfied.
Finally, I delivered the final files. However, the client dropped the initial idea. Now, we only have the project to be displayed in my portfolio. Below, some videos showing the interactions.
Website: https://thethiagosena.github.io/HomeSupplyKitchens/index.html
Github source: https://github.com/thethiagosena/HomeSupplyKitchens
(Website overview and responsiviness)
(Main banners interaction)
(Side banners interaction)
Project Gallery

Technical Specifications
When
23 May 2023
Whom
Plymouth
Roles
Graphic Designer, UX, UI, Coder
Software
VS Code
Methodology
UX and UI techniques, Agile, Responsivity
Learnings
HTML and CSS improvement
Problems faced?
I have some dificulties with the make the website responsive and to sort the galleries. It can be trick, not only the HTML organization but also how to make the CSS responde to it correctly.
Solutions?
To solve this problems, I have watched YouTube videos and online articles. Official fonts as Mozilla and W3Schools helped me a lot, since they can be simple and direct when teaching.

