;%20}%20%3c/style%3e%3clinearGradient%20id='linear-gradient'%20x1='941.3'%20y1='-128'%20x2='257.3'%20y2='550'%20gradientTransform='translate(698.7%20-291.6)%20rotate(135)%20scale(1%20-1)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23000'/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.7.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%201.2.0%20Build%20142)%20--%3e%3cg%3e%3cg%20id='Layer_1'%3e%3cg%20id='Layer_2'%3e%3cg%20id='Layer_1-2'%3e%3cpath%20class='cls-1'%20d='M455.2,563.9L0,108.7,108.7,0l346.6,346.6L801.8,0l108.7,108.7-455.2,455.2Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
MUNlite
Freelance · UI/UX Designer · Brand Designer · Motion Graphics Designer · Frontend Developer · No AI Involvement · 2020
MUNlite is a solution to every delegates, chairs, and education institutions during the pandemic. It allows MUN conferences to happen remotely no matter where the delegates & chairs are. This web app is driven to simplify and visualize even on site conference for better MUN experience. This project is made with Vue.js through REST API and WebSocket technology hosted on Vercel. While its backend is hosted on GCP made with GO and MongoDB for its database. MUNlite is also integrated with continuous integration and Cypress as its end-to-end testing.
Exploration
Logo
Typeface & color
Supergraphics
Completing the MUN theme, these supergraphics use basic shapes to convey engagement and discourse. These illustrations also help to convey unwanted actions with color and sharp edges or to re-affirm the user with soft round edges and soothing colors.
Floating action button
Buttons
Inputs
Choices
Components
Contextual menu
Commercial page
