Challenge

Our Nuxt driven website needs updates. We would like you to redevelop the UI/UX logic and design for the main navigation. We also have a group of new pages designed in Figma that we need translated into responsive layouts. Some of these pages contain components where the CSS and JavaScript would benefit from refactoring. We are open to suggestions on how to rework the code structure to reduce redundancy and improve the rendering.

Perspective

As you might have gathered from this folio, I am keen to refocus my career on JavaScript and Vue/Nuxt in particular. So it was exciting time when Solume asked me to help redevelop their website. Since I am also somewhat of a ninja with CSS and Flexbox, I realized that Solume's layouts could be simplified by introducing Flexbox containers and child items. The natural switch from row to column in Flexbox works great for desktop to mobile viewports. I also took some efforts to shift media queries into bubble media queries so that each relevant class would wrap the query. On the Nuxt and JavaScript side, I introduced new computed and reactive properties and rewrote some components from the ground up.