Case study: Landing page for a webinar

Manali Shivapurkar
Bootcamp
Published in
4 min readOct 25, 2021

--

I’m not affiliated with Paytm in any capacity, and the views for this case study are strictly my own. This case study was done to enhance my learning experience and to challenge myself to learn something new. This project was done as part of the 10k Designers assignment.

About Paytm

Paytm is India’s largest mobile payments and commerce platform. Paytm is used for cashless transactions like online recharges, utility bill payments, book movies, or travel tickets among other things on the Paytm app or website.

📋Problem Statement

To design landing page for a website to talk about the event, showcase why someone should attend it and accept registrations.

🗣Target Audience

  1. Any Student
  2. A person with no capital but interested to learn and invest
  3. A person interested in Investments

📝Research

I couldn’t find online events for Paytm, so I looked for similar Webinars. After searching several websites, I discovered that a few companies, such as RazorPay, conduct similar webinars.
I learned that investment is a hot topic in the Finance/Fintech niche after speaking with a few users who work in the finance industry. After looking at all of these websites, I realised that none of them offered project opportunities. I came up with the idea of conducting a three-day event. Day 1 provides a summary of the next two days.
On Day 1, Guest Speakers share their knowledge and experience on how to find the right sources, various types of investments, and how to find reliable sources. Day 2 and 3 are for users to practise their skills by working on a project. On the third day, they present their ideas to the panel. Some company hires the top three winners. Day 2 and Day 3 will be paid whereas Day 1 will be free.
Users who are interested to gather information can attend Day 1 Webinar as it is free but users who really want in-depth knowledge and want to learn skills can register for Day 2 and Day 3.

📊Information Architecture

I listed what kind of information needs to be shown on the website’s landing page. Here’s how data can be structured on the landing page.

📑Wireframe

Pen-paper is my comfy approach to start with any wireframe. It saves time and helps me give a clear idea for Visual Designs.

Wireframe for Desktop Web View

Low Fidelity and High Fidelity Wireframes
Wireframe of Pricing and Contact Us

Wireframe for Phone Web View

Low Fidelity and High Fidelity Wireframes

🔁Iterations

Iteration

🎨Final Visuals

Desktop and Mobile Web View Visual Design

Pricing Page and Contact Us Page

📏Learnings

This assignment helped me understand and learn some important factors in designing :

  • Organized my work making sure I have enough research before beginning with designs.
  • It is important to find the right inspiration for your Visual Design.
  • Iteration plays an important role so does feedback.

Conclusion

And that’s a wrap!!! Thank you for reading my case study, I hope it was insightful. I absolutely loved every bit of the process while designing it.

I would like to thank Devesh Pawar for helping and pushing me to find inspiration. Also would like to thank Aboli Joshi and Swapnil Borkar for guiding and giving me feedback.

If you have any questions feel free to contact me on Instagram.

--

--