Skip to main content

(CH) Arkademi x Kompas (2)

Description​

This landing page is a detail of the kompas.id promotional event at Arkademi containing terms and conditions as well as directions on filling out the form if you want to exchange coins for available promos.

Development​

User Interface​

Click here to see more. mockup

Requirements​

Requirements to be met on the landing page:

  • Keep the navigation bar.
  • There is a banner positioned at the top of the page.
  • The "Swap Your Coin Now" button triggers a form to appear, the form contains:
    • Name
    • Email, provided it has "@" and "."
    • Mobile number, provided that the number begins with "+62" followed by a minimum of 8 numbers and a maximum of 13 numbers.
    • Occupation, text field
    • Domicile, text column
    • For users who have filled out the user personalization form, the fields will be filled automatically
    • Subscription information uses a dropdown equipped with an icon, with the default dropdown open. It contains information on "How to Use the Voucher Code" and "Terms and Conditions".
    • "Swap Your Coin Now" button to submit
  • Data is deposited in a Google Sheets file
  • Sending emails containing voucher codes is done manually and handled by the Bizops team.
https://gitlab.com/arkademi/arkademi-frontend-next-v2

Project Charter
Brief Project
Project Sheet
TSD Parent

Writer: Media
Contributor: Chaton
31 May 2024