Muudah - Landing Page Webinar Trading

Trading webinar landing page hosted by Muudah to get registration leads.

Project Brief

Client

PT Muudah Galaxy

About Company

In 2021, PT Muudah Galaksi Indonesia or Muudah is established as an investment platform that aims to simplify investment trading and to make it effective. Muudah is a copy trade-trading platform that has features to follow Professional Traders.

Roles and Responsibilities

In this project, I acted as the Web Designer, and I am responsible for:
- Searching for image assets & creating image illustrations
- Setting the style guide & content in the LP
- Designing an LP display
- Implementing it into the website using Elementor

Goals and Objectives

Build a landing page about a webinar that discusses investment strategies to collect registration lead data from the webinar, so that it can be followed up further.

Requirements

Before creating this project I usually will collect some information and materials to suit the client's wishes.

Target Audience

The target audience is millennials aged 25-35 who are interested and passionate to investment.

Deliverables

- High-fidelity design
- Contents per sections
- Assets (including icons and Illustrations)
- The landing page website

Procedure

Ensuring the project procedure is very important to help a website designer's work be clearly structured step by step. Usually I will confirm to the client what the procedure for collecting leads is like? Usually I would suggest filling out a form or redirecting to a WhatsApp number. For the registration procedure from this landing page, the client wants to use the registration form when the user clicks on the CTA button.

When the user clicks on the CTA button, a pop-up registration form will appear with an explanation. If the user has filled out the form and then submitted the form, a pop-up message will appear "Thank you for registering for this webinar". Then after that, you will get an email notification to the user containing a thank you and a zoom link to join the webinar.

Design Process

Wireframes and References

Usually I always make a rough wireframe for me to show to the client. I never stay off the references that I have found, I usually adjust it with the design references that I have found. The following is the result of the wireframe that I have created.
References from Pinterest
Wireframe LP, successful form and message submission (with Balsamiq)

Assets (icons and illustration)

Next is I collect icons and illustrations. At this stage I searched for icons and illustrations that matched the LP to be created and also i need some assets from colleagues of mine from graphic designer team, to use in header and webinar host section. Starting from icon, The icon that I took is from freepik.
Some icons that I took from freepik
What I need from my friend is an image from the webinar host and also a background that he has adjusted to the desktop screen.
Image for host webinar edited by my GD team
Background header from Freepik edited by my GD team
For illustration images I took from freepik and also from Figma Community.
Some pictures I took from freepik
Some illustrations I took from Community Figma
Then I made an illustration that depicts people who benefits from trading with Muudah.
Illustration of people trading
Finally, I made decorative decorations to make it look aesthetic and also to consider white space.
Decorative decorations in some sections

Hi-fi Design & Prototyping

Main screen LP (see live)
Registration form and success message
Preview LP
Prototype registration

Summary

After I have designed and implemented everything on the Muudah website, the next step is to hand it over to the Digital Marketing team to advertise for this webinar event. Usually if there is an error I will be responsible for fixing it, and also if the asset image is too heavy I am also responsible for compressing the img, which makes the LP run slowly.

Interested to discussing?

jeivseptian@gmail.com