top of page

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.

bottom of page