MOLDE • Architecture Studio (Development)

MOLDE is an architecture studio that needed a landing page. It was a pleasure for me to partner with Typeland and Sutil Studio in the creation of this website. As a big enthusiast of digital experiences, this website aims to provide an insight into my development process, highlighting my commitment to delivering high-quality experiences.

I completed the project, from scratch to final delivery, in the following steps:

My role in this project: As a fullstack developer, with expertise in front-end and design, I bring a unique perspective to every project, ensuring seamless integration and optimal performance. In this case, I was involved throughout the entire development process of the landing page, from estimating timelines to making strategic decisions to ensure that the project met all the requirements and delivered viable solutions. Collaborating closely with the design team, I maintained open and constant communication until the successful completion of the project.

Understanding the design system and UI design: The design team used Figma as design tool throughout the entire process. I used Figma many times so this recognition and undersanting stage was easy.

Definition of development technologies: From the outset, my choice of technologies best suited to this project was clear. I would use React to make all the front-end, as well as other libraries to make certain interactions and visual effects.

Design to Development: The development process presented some challenges. Although I had a solid grasp of the UI Design, certain sections/components proved difficult to implement. However, once I overcame those obstacles by finding the right approach for the complex components, the rest of the development phase progressed much more smoothly.

Responsive Design: Started the development process following practices like Mobile First, creating different variants for specific components and changing the layout so everything is 100% responsive across mobile devices, tablets and last but not least, desktop computers.

Improvement of SEO Performance: Following the completion of major tasks, the only thing left to do was to make sure everything works properly and fine-tune all the SEO Performance details to ensure optimal visibility and user experience. This involved optimizing metadata, certain tags, and page structure to enhace search engine visibility/positioning through the web and overall website performance.

Bug Fixing: Previewing the website right before delivering to production. This involved the identification and correction of programming errors and performance issues.

Delivery: After the final review, I was ready to launch the website to production.

Feast your eyes ✨