Dressing Up the User Experience: A Case Study on Satt Cult’s Landing Page Design
Here I am going to share my journey of the assignment I completed during the 10k Designers UX/UI cohort. The assignment was about creating a landing page for any internet creator of our choice.
Introduction🙋♂️
Welcome to the Satt Cult UI/UX case study, where fashion meets function! Satt Cult is the creation of an individual creator Trisha Das, who has a passion for making people look good and feel even better. But despite this, even the best fashion store can have a few hiccups, and Satt Cult was no exception. Low sales and conversion rates and a lack of customer engagement were just the basics.
In this case study, we’ll dive into the design process we used to give Satt Cult a much-needed makeover. Spoiler alert: it involves a lot of user research, and iterations. But relax, we won’t bore you with too many technical details — we’ll try to keep it as interesting and relaxed as shopping online can be. We hope you enjoy reading about our journey.
Problem Statement🙇
Satt Cult has stores on Instagram and Facebook. They usually do offers on some of the selected products and also promote new prints on the regular basis.
So with research, it was seen that their leads are scattered across Facebook and Instagram and also a few on LinkedIn. Hence, managing different social pages with less manpower is quite time and energy-consuming.
They have diverse products and having it only on social media can be quite hectic for the user base to search for the kind of products one needs without having a proper tool to search for it, which eventually leads to low sales and conversion rates.
What are the Solutions?🔍
To address these issues, we started with designing a landing page. First, we designed the website’s navigation to make it easier for users to find the products they were looking for. We also added a filtering option to help users narrow down their search results and find exactly what they were looking for. In addition, we designed the product pages to include high-quality photos, detailed product descriptions, and customer reviews to help users make informed purchasing decisions. Finally, we gave the overall look and feel of the website to be more modern and visually appealing.
Let us check out the Process🔁
Understand… Explore… Implement!!!
Research🕵️♂️
I talked to the founder and co-founder and some of the buyers of the Satt Cult’s product as well through forms which helped me understand their problems and the overall market problems for an individual creator.
I targeted leads from Instagram, Facebook, and LinkedIn around 16–30 years of age as my target audience.
Questions that were asked?
- How do you typically shop for fashion items?
- How do you decide which items to purchase?
- What do you look for in a fashion website?
- How important are product photos and descriptions to you when making a purchase?
- How do you prefer to browse for fashion items (e.g., by category, price, color)?
- Have you ever made a purchase from our fashion store before? If so, what was your experience like?
- Is there anything else you would like to see in our fashion store?
Insights that were taken into Consideration:
- Including a filter option on the website.
- Showcase of the best-selling and popular products.
- Categorically organized.
- Offers on products shown as banners.
Information Architecture (IA)
I had a brief idea about what my product is going to look like, so to make the user flows simpler and to save time with less caffeine intake I came up with a blueprint that was laid out to the user keeping the best interests in mind.
Wireframes📝
I started to brainstorm the idea about how the screens would look in Figma and hence iterated on the same before getting down to Visuals.
Visual Design🎨
I made a few decisions while iterating the screens related to the visuals:
- The screen should give a trendy vibe.
- Smart use of banners to attract the attention of customers over some trademarked products.
- Colors make the visuals pop out.
There are screens that I won’t be included here in this case study but will stick to the ones we were asked to deliver, but in case you wish to see the iterations and other edge cases then you can SMACK ME!
If you wish to see the many iterations I made for this landing page you can always visit and have a look here!
Key Takeaways🎓
Since you made it here, let me thank you for giving your precious time into reading this piece. This was my second case study, and while solving the problem for this product I faced new challenges and learned how to tackle them as well. So to conclude, the key takeaways I got from this assignment were:
- Thorough research is needed to land proper IA and user flows.
- Iterate. Iterate.. Iterate….!!!! Yes! New possibilities unlock as we keep iterating.
- Along with iteration, feedback is necessary. With proper feedback, iteration becomes easier and more approachable.
- Designs are everywhere around us. Take ideas from everything around us.
- User Research matters a lot when it comes to e-commerce problem statements.
This case study highlights the importance of understanding the needs and preferences of the target audience and using this information to inform design decisions. By prioritizing the user experience, we were able to significantly improve Satt Cult’s business.
It’s a wrap, baby!🧳
Please show appreciation by hitting on the clap. Your support will mean everything. In case you want to view my entire assignment, here is the link to my Figma file! Most of my credit goes to the 10kdesigners mentors who showed me the ropes and guided me through every its and bits.
Feel free to reach out to me on:
