muggle landing page

PROJECT OVERVIEW

The goal of this side project is to design a landing page to be launched alongside a mobile dating app. The team of this product was looking for a designer only for the landing page. So I was responsible for designing all elements of the landing page, including interaction design.
Additionally, I handled some parts of branding design and marketing design throughout this process.

Team

Individual

Duration

5days

Role

Landing page design

Marketing design

Desk research

Tools

Figma

Spline

Desktop View

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Mobile View

Design description

Style Guide

Logo Design

Since this product is made and written in Korean, I came up the idea with the word "Muggle" starts with the vowel 'ㅁ' when it is prononced in korean.
‍
So based on this, I sketched a basic rectangular first, And then I added a certain angle to it to give it a three-dimensional appearance so that it can be seen as some sort of a door or portal to make connection or go somewhere else, which matches the purpose of this product!
‍
Lastly, to harmonize the brand colors, pink and black, also to add sophistication,
I adjusted gradient colors into the design.

Product name typhography

muggle

Typhography name : detoks

Market launching thumbnail design

PROJECT OVERVIEW

MORE WORKS