Background

Mola Welcome Microsite is the first page who users haven’t login before. if users had login before they redirect to homepage. otherwise users who not login can access homepage by clicking browse. Welcome page is a introduce to user what is mola, promotion about the product and highlighted video content.

‍

Hero Section / Above The Fold

There’s a wording to engage to users, so mola have various content something like that. Added background banner as support the wording, and the background banner dynamic poster depending content team want to highlighted video.

Register is the main goal as request by Product, so the card looks stand out than most other sections. so i added some ornaments and gradient, to looks unique and very bold section.

‍

How to Watch Section

There’s a walktrough for user, things to do what user can watch video on mola. So i added some icons, too make interest to user to follow the step.

‍

Highlighted Content Section

There’s some highlighted content to and not all video in this section, just a few video depending content team want to highlighted.

The middle video will be autoplay video trailer, if swipe to other content on the left or right. the poster will be replace to autoplay video trailer.

‍

Benefits Section

There’s a point interest what users get if used mola. so i added some icons to support the every wording point and visual graphics on the right side to support the benefits point.

‍

Subscribing Section

There’s a point interest what users get if subscribing on mola. so i added some icons to support the every wording point.

‍

TV Platform

There’s a TV platform that mola available to watch and every platform had walktrough how to using it. added some visual graphics every each tv platform to supporting it.

‍

FAQ (Frequently Asked Questions) Section

There’s a wording FAQ the most question about mola itself. the states of collapse and minimize, if 1 question collapse, then users collapse the other question, the last question will be auto minimize, to make users focus on selected question.

‍

Platform Available Section

There’s a list of platform had mola avaibility. so i added some visual graphic a devices list and platform icons to support the information.

‍

Footer Section

There’s a some direct link to each apps. so i added gradient color on the card, to looks stand out

‍

The Background Theme

So i added deep ocean theme background to each section. this idea from the mola fish itself, which lives on very deep ocean.

Full Page Preview

‍

Thanks for read, Cheers

UX Designer by Ghoniyyu Maulidi, Myself as UI Designer, Dewanty Ajeng Wiradita as UX Writer