Luan.Projects
2020-2021
Majestouch
Web Design, Branding, 3D Illustration and Animation, Webflow
My Role
- Branding & Art Direction
- Web Design & Development
- 3D Modeling & Animation
01 / 05
Brief

Majestouch is a Vancouver based educational studio that guides overseas university students in choosing courses. It is committed to improving international students' awareness of overseas courses, understanding the relationship between professors and courses, and using big data analysis to provide comprehensive curriculum planning programs.


I worked closely with the founder of Majestouch and helped them to establish both the branding as well as the marketing website. In this process, I incorporated many 3D elements into the product UI to ensure a modern look and feel.

02 / 05
Branding Design

To create an effective brand, creating a system is key. In establishing this branding system, I maintained two key considerations at all times:


  • The branding identity must be unique, allowing consumers to easily recognize and remember it.
  • The branding system must be open enough to allow the brand to adapt in different environments
Logo
Majestouch Branding

The core mission of Majestouch is to support students in achieving success.


I chose the 'hand' as the key element to reflect the action of 'touch' stemming from the company and brand name. I incorporated the gesture of the finger snap to convey success, and magic. Adding 2 stars at the top of this design to reinforce this idea.


Similarly, I also chose the hand gesture as it's a great way to expand the branding for different scenarios. This can be seen in the marketing site design where varying hand gestures are used.

03 / 05
Web Design

At an early stage, I closely collaborated with the client to define the website content structure and prepared a visual mood board to identify and refine the art direction. From there, I iterated the web UI with 3d visuals, and established responsive designs to accommodate different screen sizes.

Majestouch Web Design 01
Majestouch Web Design 02
04 / 05
3D Visual & Animation

This is the most exciting part of the process. Here, I explored a variety of ideas and concepts, and experimented with them in 3D using Blender. Additionally, I experimented in animating some of the concepts as well.

Modeling with Blender
Course Selection
Modeling
Render with Blender
Course Selection
Modeling
Course Guide
Notify Seats
Course Enroll Assist
Finger Cross
Finger Cross
These 3D objects are online resource. Refined with Blender to make them follow the consistent branding style.
3D assets
05 / 05
Build the website in Webflow

I leveraged Webflow to build the website. This tool significantly sped up the process to getting the website live. It was an ease to build the base web structure, add styles, add responsive functions, include animations and interactions, and eventually deploy the site online.

Site Built From Scratch
Made With In Vancouver