Contents
Project Explanation...
Prototype...
Website...
Presentation...
Reflection...
Development
Project Explanation
During this four-week project, we were tasked with making an actual website out of the prototype we made for the previous project, Fix UX. This project required the usage of HTML, CSS, and some JavaScript. It also required the usage of GIT. This project was completed by my (one) other team member and me.
Prototype
For this project, I did the redesign of the website prototype (not the mobile version). This mostly involved changing the links and making selected button versions.
Here is the final prototype.
Website
For the coding component, my responsibilities included developing the footer, the index page, the "Calculate Your Premium" page, the basket, and ensuring the basket was functional. I also implemented functionality to display the basket contents on the final "Fill in Your Details" page using local storage.
However, I did not handle the error checking or validation to ensure fields are properly filled out on the "Calculate Your Premium" page.
Here is the link to the website.
Here is the link to the GIT.
Presentation
In this presentation, I talked about the design, user testing, and a part of the demo.
Reflection
Reflecting on this project, I think it went quite well overall. Communication was decent, though there were areas for improvement. My main focus was coding, making the project less taxing than previous ones. I realized I struggle with avoiding repetitive code, especially in JavaScript, as I'm still learning it. While the code worked as required, it ended up a bit messy.
One challenge was coordinating how we used CSS. I gave elements unique names to match my HTML, while my teammate used general names like "button," which caused errors. This miscommunication was partly my fault, and we should have planned better. (z.o.z.)
Git usage had its ups and downs. A mistake with pulling and pushing caused us to lose some CSS, but frequent commits helped recover it quickly. However, our workflow—taking turns pulling, working, and pushing—was inefficient, though it worked because we had enough time. I recognize this isn't good practice for future projects.
Overall, I'm happy with how the project turned out. I got to try new things, particularly in JavaScript and CSS, and learned useful lessons for how to improve my next projects.
See full documentation here: FULL DOCUMENTATION