Attapon Wattakuman
aw light logo
matmi home page

Matmi

Matmi New Media Ltd is a dynamic digital media company known for its expertise in creating engaging and interactive content that captivates audiences across various platforms.

The Idea

Matmi wanted to revitalize their outdated website as they recognized the importance of aligning their digital presence with cutting-edge solutions.

This will help bring forth a modern and engaging platform that better reflects their innovative services and approach.

The Research

This involved thorough research into Next.js as the foundation of the website's architecture.

Additionally, the exploration of MDX technology aimed to deliver rich content seamlessly without the reliance on the hosting platforms. Chakra UI component library was considered for its potential to enhance design aesthetics and user experience.

Mindful of the importance of visibility and accessibility, attention was given to SEO strategies, ensuring that Matmi's innovative services were not only showcased through captivating design but also discovered across the digital landscapes.

The Solution

The new design not only addresses the limitations of the previous site but also introduces innovative features, including dynamic leaves and flickering neon lights that move based on the x-position of the mouse cursor on laptops and desktops, or respond to the Sensor API on mobile devices and tablets.

An interactive FAB (floating action bubble) upon triggering, rotates the speech bubble icon by 180 degrees, unveiling a close symbol in its place. This transition reveals a user-friendly contact form, enhancing user interaction.

The dynamic movement of leaves and integration of MDX technology signal the potential use for future projects showcasing Matmi's commitment to blend creativity with modern digital solutions.

Project Tech Stack

NEXT.JS

NODE.JS

TYPESCRIPT

VERCEL

CHAKRA-UI

MAILCHIMP

MDX

GITHUB