I joined 10k Designers UI/UX Cohort by Abhinav Chikara in November 2022. And for our second assignment, I had to make a Landing for a creator/ Youtube channel. My goal with this assignment was to learn about Design principles and to learn more about visual design. So I decided to create landing page for Dice media, as it is one of my favourite Youtube channel

Designing website for&nbsp;Dice media&nbsp;which is a&nbsp;YouTube Channel —&nbsp;premium digital video division of Pocket Aces. they make web series and shows. I have been following their series since 2015 and a huge fan of all their shows so I decided to create landing page for them.

Their shows have multiple seasons and are available on different ott platforms like Netflix, Amazon mini tv, Hotstar and some free on Youtube which creates confusion for new audience as well as someone who is regular viewer of their content so I wanted to&nbsp;make information easily accisble for the users.

To Create a platform to&nbsp;sell their Merchandise&nbsp;as of now they don’t have a specific platform for that.

Pocket aces which is the parent company has it’s own website but that is for creators, Brands and for business. My goal with this landing page was to solve users problem and eventually bring more attraction on their videos and increase sales of their merchandise

If you are someone who doesn’t like to read here is the prototype video of the landing page that I ended up designing for this project.

I applied my learnings from 10k Designers to come up with a process to design a landing page to achieve the above-mentioned goals. I have summed my design process into the following :

I started my research by exploring other platforms to understand some common patterns which will help users to navigate on the website easily at the same time since the user group of dice media are younger audience I wanted to keep some fun interraction and style guide to cater younger audience.I also checked Pocket aces website, Dice media’s Instagram page etc to understand the brand language and design patternDoing this I realised since Pocket aces is the main company their current website focuses on Brand collaboration &amp; Influncer collab and it is not for it’s youtube audience.Then I researched about some merchandising websites as that is also one section I wanted to add in my website

Doing this helped me decide my goal from this website

Provide information related to Dice’s shows and on which platform the show is going to be available

After understanding the target audience and their needs and Frustrations, I used the&nbsp;MoSCoW method&nbsp;to prioritize the content of the landing page for&nbsp;both new and old audience of dice media

Must-haves:&nbsp;Identifying the essential information that both new and old listeners need to know about dice media like different shows and seires that they have &amp; Different merch that they have.

Should-haves:&nbsp;Categoriesation of differnt series, upcoming shows and Information about tie up with different ott platforms. user testimonials and Influncers section.

Could- haves:&nbsp;Option to browse shows based on moods, social media proof, Brands who they have worked for.

Won’t-haves:&nbsp;I decided to not focus on keeping section for brand collabs as my focus was on solving users problem, for catering to brands it is already done on pocket aces website.

After gathering all the information from my research&nbsp;I started to roughly lay-out all the information that needed to be shown on the page. The idea was to lay out all the information clearly according to&nbsp;priority so that the target audience can understand.

During wire-framing, I attempt to give some visual structure to the information, so I tried a lot of different layouts for even similar screens to come up with the most suitable solutions.

After some basic idea I started working on the visual design and copy for the landing page. It is at this stage where I needed to decide on the color scheme and typography for the websiteI took some help from&nbsp;Chatgpt to help me write some catchy headline and&nbsp;and&nbsp;explored different font pairs that can give character to my landing page

As Dice media is a known brand and already has an established logo I didn’t wanted to change it’s brand color also since the website will have a lot of Images of web shows I decided to go with minimal colors so that it doesn’t look too heavy and cluttered.

I did some Iterations section vise before finalizing on my final website design with every iterations I could see the design getting better and also reaching close to the problem that I wanted to solve

Now let’s start with virtual tour of section-wise walkthrough of the landing page and my thought process behind the way I designed them.

Hero section is the&nbsp;most important section of landing page&nbsp;as it is the first thing&nbsp;user sees&nbsp;and based on that they&nbsp;form assumptions&nbsp;about the brand hence it is very important to design it in a way where the information is&nbsp;clearly delievered and it also needs to gain trust of the users.

Headline copy was too big and font was not giving any character to the website

The background design had too many images making it look cluttered

Nav bar was not getting proper attention and was visually less visible

Navigation Bar,&nbsp;so that the user can easily navigate through the website seeking information about the shows that will ultimately help him to make a decision.

With&nbsp;crisp &amp; easy&nbsp;to understand&nbsp;copywriting, the user should understand what Dice media does.

Provide a&nbsp;clear call-to-action&nbsp;to encourage the visitor to&nbsp;watch shows&nbsp;and&nbsp;buy merch.

Designing it visually in such a way that they should get to know about the brand.

This is the second most Important section of my landing page as it is designed to promote dice media’s web shows and solve problems of existing as well as new users I divided this in 4 sections to give users better clarity and help them make a decision of which show to watch

Carousel format is not a good way to browse multiple shows

cards had too much information making it look bad visually

Was not solving the problem of identifying which show is available on which ott

Top 5 of the week- With this section I tried solving two problems a lot of times a person skips watching shows because of&nbsp;decision fatigue&nbsp;so to make decision easier I have mentioned&nbsp;top ranking shows&nbsp;based on ratingssecond problem being providing clear information about&nbsp;which show is available on which ott platform,&nbsp;beside every show I added the logo of that OTT channel.

2. Segregating free to watch shows and featured shows- Having an option to browse free shows on YouTube provides a sense of trust to new audiences before subscribing. Users can view the number of views, video titles, and upload dates for each video, gaining valuable information about the channel. The section also includes a clear call-to-action (CTA) that encourages users to explore the channel and watch videos.

In the featured shows section, I enhanced the user experience by associating each&nbsp;card’s background color&nbsp;with its&nbsp;respective brand. This creates a sense of familiarity and strengthens the connection between the audience and the brands they love. Additionally, I introduced a new layout that allows users to browse&nbsp;shows based on the OTT&nbsp;platform they prefer, making it easier for them to find content aligned with their streaming service preferences.

3. Watch shows based on your mood- I’ve noticed a common issue while binge-watching various series and shows: some days, you’re in the mood for comedy, while on other days, you prefer more dramatic content. To address this, I’ve introduced a new section that caters to all genres. I’ve also added a touch of gamification, keeping in mind that Dice Media’s primary audience falls within the 18–30 age group who appreciate such engaging designs. Now, users can easily explore and enjoy their favorite genres with a touch of fun and variety.

This was the second problem that I wanted to solve as there is no specific platform as of now for dice media fans to buy merch I created a section to explore all the products that they have highlighting the best sellers.

Visually this looked like an ecommerce website.

Carousel format won’t work for browsing multiple products

Visually clean layout, giving it a look of landing page

To build trust with new audiences, I’ve added comments from Dice Media’s YouTube channel as social proof. These comments showcase the positive response of their content and help establish credibility among potential viewers.

Furthermore, I’ve highlighted Dice Media’s impressive YouTube statistics. This emphasizes their popularity and encourages new audiences to join the large and engaged subscriber community.

It shows all the creators that have featured in their videos. Since these creators have a very loyal fanbase, giving information about the creator like name, shows they have been part of and social media links.

Showcases some&nbsp;top creators&nbsp;who are part of Dice media team

Includes information about the&nbsp;creators such as name, their shows&nbsp;social media links.

A&nbsp;moving ticker&nbsp;effect to show all the creators who are part of the team.

Here I added a short brief about the company, Dice media logo, quick links for user to navigate and a subscribe button so they don’t miss on any updates.

Below is the&nbsp;final version&nbsp;of the website that I designed.

Please refer to this link for the Final Prototype

This was the&nbsp;first time ever that I was designing a landing page, I didn’t realize that it takes a&nbsp;lot of work to design a logical and practical landing page&nbsp;that works successfully in the real world.&nbsp;Some of my major takeaways are :

You have to constantly&nbsp;take feedback from your mentors&nbsp;or seniors who can help you understand more insights &amp; different perspective, I learnt that async feedback works well as most of the mentors would be busy.

Trying different Iteration&nbsp;is the only way that will improve your visual skills as a designer.

Sometimes even though you really like the design of an element and is looking visually good but you have to remove that element because for&nbsp;users it is not creating a good experience&nbsp;and not adding any value.

While iterating, don’t iterate on the same design rather duplicate the design and then iterate. By doing this, it is easier to compare.

Write notes of everything that you liked during your research or any idea that you came across it becomes much easier to write case study later.

I am forever grateful to&nbsp;<a href="https://medium.com/u/e056ee5f3fd3">Abhinav Chhikara</a>&nbsp;and&nbsp;<a href="https://medium.com/u/17166f63bbc6">Jayneil Dalal</a>&nbsp;for their guidance, support, and belief in my abilities. They have played a pivotal role in moulding my journey, impacting both my personal and professional growth.I also want to express my heartfelt thanks to&nbsp;<a href="https://medium.com/@vishantkumar/about">Vishant kumar</a>&nbsp;and Aishvarya Gupta for encouraging me to enhance my visuals and to my amazing friends at 10k Designers for their constant support.

This I did as part of my 10k Designers cohort assignment

Designing website for Dice media which is a YouTube Channel — premium digital video division of Pocket Aces. they make web series and shows. I have been following their series since 2015 and a huge fan of all their shows so I decided to create landing page for them.

I started my research by exploring other platforms to understand some common patterns which will help users to navigate on the website easily at the same time since the user group of dice media are younger audience I wanted to keep some fun interraction and style guide to cater younger audience.I also checked Pocket aces website, Dice media’s Instagram page etc to understand the brand language and design patternDoing this I realised since Pocket aces is the main company their current website focuses on Brand collaboration & Influncer collab and it is not for it’s youtube audience.Then I researched about some merchandising websites as that is also one section I wanted to add in my website

Tip- Creating section wise inspirtation helps in making better decisions

Existing follower of dice media

New user of Dice media

Enjoys buying different merchandise

After understanding the target audience and their needs and Frustrations, I used the MoSCoW method to prioritize the content of the landing page for both new and old audience of dice media

After gathering all the information from my research I started to roughly lay-out all the information that needed to be shown on the page. The idea was to lay out all the information clearly according to priority so that the target audience can understand.

Wireframes

After some basic idea I started working on the visual design and copy for the landing page. It is at this stage where I needed to decide on the color scheme and typography for the websiteI took some help from Chatgpt to help me write some catchy headline and and explored different font pairs that can give character to my landing page

Hero section is the most important section of landing page as it is the first thing user sees and based on that they form assumptions about the brand hence it is very important to design it in a way where the information is clearly delievered and it also needs to gain trust of the users.

Some of the iterations made for hero section

Iterations for Videos section

Final version for videos section

Free and featured shows segregation

Segregating free to watch shows and featured shows-

 Having an option to browse free shows on YouTube provides a sense of trust to new audiences before subscribing. Users can view the number of views, video titles, and upload dates for each video, gaining valuable information about the channel. The section also includes a clear call-to-action (CTA) that encourages users to explore the channel and watch videos.

In the featured shows section, I enhanced the user experience by associating each card’s background color with its respective brand. This creates a sense of familiarity and strengthens the connection between the audience and the brands they love. Additionally, I introduced a new layout that allows users to browse shows based on the OTT platform they prefer, making it easier for them to find content aligned with their streaming service preferences.

Watch shows based on your mood

 I’ve noticed a common issue while binge-watching various series and shows: some days, you’re in the mood for comedy, while on other days, you prefer more dramatic content. To address this, I’ve introduced a new section that caters to all genres. I’ve also added a touch of gamification, keeping in mind that Dice Media’s primary audience falls within the 18–30 age group who appreciate such engaging designs. Now, users can easily explore and enjoy their favorite genres with a touch of fun and variety.

Iteration for merch

Final Iteration

Below is the final version of the website that I designed.

This was the first time ever that I was designing a landing page, I didn’t realize that it takes a lot of work to design a logical and practical landing page that works successfully in the real world. Some of my major takeaways are :

 for their guidance, support, and belief in my abilities. They have played a pivotal role in moulding my journey, impacting both my personal and professional growth.I also want to express my heartfelt thanks to 

 and Aishvarya Gupta for encouraging me to enhance my visuals and to my amazing friends at 10k Designers for their constant support.

Dice Media’s Landing Page; a UI/UX Case Study

Started my Design journey as Visual Designer for 2+ years working for brands like IIFA Awards, Tata steel, Nasher Miles, Taj Hotel Niyaaz Biryani, Regal shoes, Northern Arc etc

Design a landing page for a mobile app that helps busy parents discover quick and healthy recipes. The design should highlight key
features that would attract and engage this specific audience.

I conducted a quick online survey with 15 parents who are workingand obtained some great insights from it, based on which I came up with a solution.

After conducting survey and insights, I started creating some personas for theusers who would be visiting this landing page and downloading the app.I segmented the users into two categories Single parent and couples

Then, I did some research on existing apps who provide similar services. thishelped me a lot in deciding my basic flow and must have features.

After all the research it was Important to see check for some Inspiration formy landing page and deciding the tone of the website

I started to roughly lay-out all the information that needed to be shown onthe page. The idea was to lay out all the information clearly according topriority so that the target audience can understand.

During wire-framing, I attempt to give some visual structure to the information,so I tried a lot of different layouts

Generally with food and healthy food habits Green color is associated so I decidedto have Dark green as my primary color and to match the theme with some vibrantcolor tried pink as it ads good contrast value

For font, I tried 4-5 font pair options on  fontpair.co and then finalized on these two.

Good Food aims to help busy parents discover quick and healthy recipes. I designed this logo and chose the brand name with the purpose of showcasing different recipes, and the name itself was intended to build trust among the audience for the brand.

Before making the landing page it was Important to decide the features and design of the app based on my research and I made some high fidelity design of the app screens

*Note- As I had a deadline of 2 days for this assignment I decided to directly makehigh-fidelity screens of the app

Let’s Talk about landing page design from a user perspective

Make the user aware of the objectives, by having clear and attention -grabbing elements.

In this section I wanted the user to be interested in the benefits of the product, and how it is right for them. so I have explained each features of the app so that user knows what all is in the store with Images of the app screen eventually building trust

Before prompting the user to download the app I have added a section showingdifferent categories of recipes which they can view only few on landing page for rest they have to download the app.

With this I moved the user’s sentiment towards liking the app with some more features, highlighting the pain points so that they are more Interested in downloading the app

This will now boost the user’s confidence to take action if they are still unsure about Downloading the app

In the end once the user has seen all the features, testimonials, benefits a promptfor the user to Download the app

1. My perspective on digital products has changed significantly after learning about design decisions and the reasoning behind them. I can now see the details on websites that I never noticed before.

2. The design process is not straightforward and depends on the context. There is no fixed framework that should be followed, but rather a mix of common sense and      an understanding of context.

3. Gathering all the necessary content, including text, images, and videos, can be time-consuming, but I was happy that I could deliver the assignment in 2 days     following the design process.

4. Though, I wish I had some more time so I could iterate more and improvise the visuals further.

A Landing page and mobile app design for busy parents discover quick and healthy recipes

Landing page for Healthy food app for busy parents

This is not a generic design case study, but take this as a story of what I did and the experiences of what I built.

What is UnlockLife -&nbsp;A startup exclusively for senior citizens two of our main offerings are

 1. Assistance services to seniors- being their digital child

2. A Premium club for seniors - We do online and offline events for seniors above 55+ for their well being and happiness

Problem statement - It all started when we Introduced some fun quizzes and games during our online events using 100ms video calling toolAfter a few session we saw some recurring Pain Points that seniors were facing and also our host were finding it difficult to manage the session with chaos of 50+ seniors

I started by having a conversation with hosts and speakers who had run previous quiz and Tambola sessions. Their biggest pain points?

1. Users missed questions because they were dumped all at once

2. Hosts couldn’t tell who had answered the quiz

3. There was no intuitive leaderboard or winner reveal experience and they had to manage the winning on excel sheet which was very difficult to do during live run time of event with 50+ participants.

4. We were using normal Tambola boards but seniors joining late would ask which dividends are done and it would create chaos for other participants also they wanted to know last 5 numbers as well

5. From the host end because this was a paid event we wanted to have a check system for ticket validations when someone claimed price and currently we were asking them to send photo of ticket on whatsapp.

6. 100ms didn’t had the option to have two different games in one session? plus no option to add any images or video for making the quiz fun visually

We realized this wasn’t just about “fun.” This needed a proper real-time event control system, focused on clarity, flow, and reliability.

for the guests answer was clear we will be implemneting 100ms sdk in our UnlockLife app as that is where they used to register for events also so joining would become easy rather opening on browser. 

and for the speakers and host after discussing with engineers we thought we will make admin panel.

Instead of sending all questions upfront, we built a “one-by-one release” functionality in the admin panel. Hosts can now release questions manually, and each question appears individually on users’ screens, with tracking tied to responses.

✅ 2. Pre-seeded Questions (before event starts)

We removed dependency on live calls for question input. Admins can pre-seed all quiz content and trigger each question live, maintaining spontaneity and control.

✅ 3. Real-time Answer Tracking for Host

After every question, the host can now see how many participants have submitted responses — ensuring the quiz progresses only when everyone has had a chance to answer.

✅ 4. Presentation mode and Leaderboard Integration

Post-quiz, a sleek leaderboard automatically displays top scorers based on time and accuracy no more manual tallying. We added admin options to preview or auto-display results.

✅ 6. Audio Notification on Hand Raise (Desktop)

Like Google Meet, we added an audio pop-up on hand raise, making it easy for hosts to catch participant activity without staring at the screen.

App Screen for Quiz and Tambola for seniors

✅ Earlier 3 members of the team used to be available for managing 1 session now one host can alone manage the online event

✅ 2x higher users started joining our live event

✅ Reduced turnaround time for Tambola cross-verification

Designing Tools to Manage Quizzes and Connect Through Video for our hosts

 A startup exclusively for senior citizens two of our main offerings are

Problem statement - It all started when we Introduced some fun quizzes and games during our online events using 100ms video calling toolAfter a few session we saw some recurring  Pain Points that seniors were facing and also our host were finding it difficult to manage the session with chaos of 50+ seniors

Current way of Hosting quiz and managing winners

Streamlining Quiz Management and Live Video Experiences

What made Suchita stand out in early stage startup UnlockLife was her razor-sharp eye for details, be it Product design, App testing or strategy brainstorming she was always on top of things.

A true asset to the team her attitude of being fearless to experiment and influence without authority held her in good stead throughout.

Rachita Pandya

Suchita is an exceptional Product Designer with great creativity, clarity and ownership, she brings Dev friendly thoughtful design solutions. collaborating with her was effortless and she elevated every project she works on, her problem solving skills make her great teammate.

Amit Kumar

Working with Suchita at UnlockLife, as co- designer I’ve seen firsthand how her design interventions directly improved user journeys and lifted conversion rates. From simplifying product flows to crafting scalable design systems, her work has consistently turned insights into measurable impact. She is an amazing colleague/ Team mate to work with.

Raavi

I had a great time working with her, she is really passionate, hardworking and the amount of time we spent working on IIFA awards was truly inspiring and important learning curve!

Anushka Jankar

I highly recommend working with Suchita. she
has exceptional designing skills and effortlessly understands both the brand and client requirements. it was a pleasure collaborating with her on various brands.

Srushti Manjrekar

Working with Suchita was an amazing experience. She’s not only a skilled designer with a sharp eye for detail but also a great team player who makes the work environment better for everyone. Her creative approach and problem-solving mindset make her an asset to any design team.

Dice Media’s Landing Page; a UI/UX Case Study

suchita nayyar