COMMUNITY PLATFORM
Superteam MY
ABOUT
Superteam Malaysia is a community platform designed to support the local Solana ecosystem. It serves as a hub for developers, creators, and enthusiasts to collaborate on projects, participate in bounties, and stay updated with the latest events and resources in the Malaysia Solana space.
CHALLENGE
The challenge was to create a centralized platform that could handle event scheduling, community events, and resource sharing that includes the aesthetic of Malaysia. This also includes the development of CMS for managing the platform without coding.
SOLUTION
I developed a fullstack application using Next.js and Supabase, featuring a Malaysia-inspired aesthetic, Brand Guidelines and Components in Figma. On a development side, I utilized the coding agents in speeding up the drafting and development progress, while using my technical understanding to make the codebase much 'sensible' to eyes
TOOLS
01
Interactive Design & Prototyping
The design on Figma was made for two purposes : For reference, for prototyping. The design of the webpage was made as a blueprint to the development.
02
Color Sytem & Typography
The color brand were inspired from the color of the Malaysian flag. The design patterns that were chosen influenced by the nature of Web3. The color alternatives for the UI of the webpages not only for the brand purpose, but also for the Interfaces of CMS.
Geologica as a typeface were picked for its San Serif trait, while also geometrically square-like shape that fits the tech background of the project. The hierarchy of the typographies were also created as a reference purpose to designs and development
03
Components
Every Icons, Buttons, Cards and Sections were placed into the Components Library of this project. From Atom to Molecules, to Organisms.
These components were created responsive to various screen sizes, and also exists in different variations, aesthetically or technically.
04
CMS for Admins
Despite of being one-page site, the website was built with a CMS for the admins to manage the website without requiring to meddle with codes, allowing non-tech admins to handled the web content efficiently.
05
Invite-Only System for New Admins
Admins would need access to login to their Dashboard, but there is a catch ; sign-up feature is not applicable in this case, since it will open the door to anyone to the admin access.
Thus, I implement the Token-Generated Invite Link for existing admin to invite new person as a new admin. This feature purely created and generated client side (Supabase Edge Function).
