Alchemy cover image
Sectorweb3, PaaS, Blockchain Development
ScopeAPI IntegrationDevelopment
TechnologiesVercelDatoCMSNext.jsTailwind CSS


By leveraging the principles of high-performance development and the creativity of Alchemy's skilled design team, we’ve set a new benchmark for user-centric digital platforms in the blockchain industry. In collaboration with Alchemy, Monogram embarked on a transformative journey to develop a website that embodies innovation and delivers an unparalleled user experience. At the heart of this endeavor lies Alchemy's commitment to excellence in the Platform as a Service (PaaS) and Blockchain Development sectors.

Visit Website
Case study image 0

Embracing Atomic Design

The success of Alchemy's new website hinged on adopting the atomic design methodology. This philosophy involves breaking down design elements into their smallest parts (atoms) and assembling them into larger, reusable components (molecules and organisms). This approach provided a solid foundation for a cohesive and scalable design system. Alchemy's design team diligently crafted designs using this methodology, ensuring consistency and efficiency in the development process. These designs were seamlessly translated into dynamic, composable Next.js components by Monogram's development team, prioritizing performance and scalability.

Revitalizing Alchemy's Digital Experience with Next.js

In the dynamic landscape of web development, the latest iteration of the Next.js App Router has catalyzed a wave of innovation for Alchemy's online presence. Leveraging the advanced functionalities of the App Router, Alchemy now employs dynamic routing and enhanced performance optimizations, promising a seamless and captivating user journey. With the integration of Next.js, Monogram has engineered a robust and forward-looking content management solution tailored to Alchemy's needs.

Case study image 1
Case study image 0

Utilizing DatoCMS

In the realm of content management, DatoCMS emerged as the backbone of Alchemy's digital infrastructure. As a headless CMS solution, DatoCMS provided unparalleled flexibility in managing and delivering content across various digital channels. Decoupling content from the presentation layer, DatoCMS enabled seamless content updates without compromising website performance. Its intuitive interface empowered Alchemy's team to take full control of their content, ensuring timely updates and maintaining brand consistency. By integrating DatoCMS into the development workflow, Monogram ensured a robust and future-proof content management solution for Alchemy.

Tailwind CSS for Seamless Styling

To ensure design consistency and streamline styling, Monogram utilized Tailwind CSS. This utility-first CSS framework enabled rapid prototyping and iterative design adjustments, empowering the team to iterate swiftly without compromising precision. Leveraging Tailwind CSS's extensive utility classes facilitated the creation of pixel-perfect designs while reducing the reliance on custom CSS. This approach accelerated development and maintained design consistency across various screen sizes and devices, enhancing the overall user experience.

Case study image 1
Case study image 0

User Acceptance Testing with Vercel Comments

A pivotal phase in the development of Alchemy's marketing website was the User Acceptance Testing (UAT) process, which was seamlessly facilitated by Vercel Comments. This innovative tool empowered stakeholders to provide feedback directly within the deployment environment, streamlining communication and collaboration. Team members could pinpoint specific elements on the website, leave feedback, and track changes without ever leaving the deployment environment. By reducing the feedback loop and expediting the implementation process, Vercel Comments played a crucial role in ensuring that the final website met both the design and functional benchmarks set by Alchemy.


Through a harmonious blend of cutting-edge technologies and meticulous design methodologies, Monogram has successfully transformed Alchemy's digital presence. By embracing atomic design principles, leveraging innovative tools like Vercel Comments, harnessing the power of DatoCMS, and adopting Tailwind CSS for seamless styling, Alchemy's new website not only showcases their expertise but also delivers an unparalleled user experience. As Alchemy continues to innovate and push boundaries, Monogram stands ready to support their digital journey every step of the way.

Case study image 1