Most of the signups are form-based. However, our forms were outdated due to backend limitations and resource constraints. As I began designing the new forms, with the assistance of my Senior Product Designer, I initiated the development of my first custom design system specifically tailored to forms.

Kids cannot create an account, but we aimed to incorporate them into the experience. For instance, if a child is interested in a customized special card, they can send a link to their parent. When the parent opens the link, they will be directed to a personalized screen that displays the child's name & start the sign up process.

The Psych Screen will be utilized based on different scenarios. When the user is arriving from a landing page where they are unaware of our services, we will need to display the Psych Screen to explain our top services. However, if they are coming from a place where all the services have already been presented with complete clarity, we will deactivate the Psych Screen to reduce the number of screens and information in the signup process. Each psych screen is created based on landing pages. Since we have more than 50 landing pages, it means that there is a potential for 150 different psych screens.

The signup process should commence with an element of enjoyment. Since 50% of drop-offs occur at the beginning of the signup, we have chosen to delay this screen as much as possible to encourage user commitment to the process. We believe that introducing Card design elements will help mitigate drop-offs. Additionally, users have the option to select cards from various landing pages and seamlessly proceed to the signup process & build more commitment.

Due to backend limitations, we require users to provide their email address. However, we have made efforts to minimize its visibility by implementing social authentication and adding OTP (One-Time Password) verification to enhance the security of their accounts.

Since we have information about which card has been selected for each child, we aim to display these cards to assist users in identifying the card dedicated to each child.

'Select membership' feature is new, as we are introducing new memberships during the signup process. Therefore, we needed to create a simple design that can assist users in choosing the perfect membership for their needs. The 'Top up' screen has been moved to the end of the signup because this screen has a blocker (Big drop-off). We strategically use user commitment to encourage them to top up their accounts. The 'Summary' (Card details) has been updated, as now it provides a clear view of all the fees, including one-time and monthly charges.

Now, it's time for the user to download the app, explore its features, share it, and enjoy it! We have also implemented a custom animation that activates after adding payment card details. To meet the COO's requirements, we have included the 'Refer a Friend' (RAF) option beneath the CTA for downloading the app. This is aimed at encouraging users to invite more friends and expand the community, allowing others to share the same unique gohenry experience.