Cobalt Construction
Visit the projectThis project was for a subsidiary company of Cobalt Group, called Cobalt Construction. The main focus of this website was to display all of the projects of the company, and also display their location on a map.
This website was created using HTML, CSS, and JavaScript.
Web technologies used:
HTML, CSS, and JavaScript
![[object Object] logo.](/_next/static/media/html.484f0fa0.svg){kind=small}
![[object Object] logo.](/_next/static/media/css.2233bf40.svg){kind=small}
![[object Object] logo.](/_next/static/media/js.f2473a7e.svg){kind=small}
Design process:
Similar to how I created the previous website (Cobalt Aluminium), I created a few variants on Figma using the same style and presented them to the client through the Figma prototype. After receiving their feedback, I made a few adjustments to my design, and sent the final version to the client once more. Upon their approval, no more revisions needed to be made, and I moved on to developing the site.
Challenges and their solutions:
When creating this website, similarly to my Cobalt Aluminium project, I had not yet learnt React.js/Next.js. This website features a map at the bottom of the homepage. When you click on the name of a project on the left side, the icon will appear on the map, in the projects general location in London. As I didn't have React.js' state under my belt, I was unable to simple use useState and had to opt for a more primitive approach by adding and removing classes by manipulating the DOM.
This “challenge” wasn't hard to accomplish, however, looking back at it now, I'm glad to say that I know React very well and will avoid building solely HTML, CSS, and JavaScript websites.
I hope you enjoyed this project!
I appreciate you taking time to check out this project! If you'd like to see more, feel free to explore my other projects.
Go back to projectsCobalt Construction
This project was for a subsidiary company of Cobalt Group, called Cobalt Construction. The main focus of this website was to display all of the projects of the company, and also display their location on a map.
This website was created using HTML, CSS, and JavaScript.
Web technologies used:
HTML, CSS, and JavaScript
Design process:
Similar to how I created the previous website (Cobalt Aluminium), I created a few variants on Figma using the same style and presented them to the client through the Figma prototype. After receiving their feedback, I made a few adjustments to my design, and sent the final version to the client once more. Upon their approval, no more revisions needed to be made, and I moved on to developing the site.
Challenges and their solutions:
When creating this website, similarly to my Cobalt Aluminium project, I had not yet learnt React.js/Next.js. This website features a map at the bottom of the homepage. When you click on the name of a project on the left side, the icon will appear on the map, in the projects general location in London. As I didn't have React.js' state under my belt, I was unable to simple use useState and had to opt for a more primitive approach by adding and removing classes by manipulating the DOM.
This “challenge” wasn't hard to accomplish, however, looking back at it now, I'm glad to say that I know React very well and will avoid building solely HTML, CSS, and JavaScript websites.
I hope you enjoyed this project!
I appreciate you taking time to check out this project! If you'd like to see more, feel free to explore my other projects.
Go back to projects