KOOVSXYOU
A social media console for Koovs.com
How can we improve user engagement, drive sales, and make it as effortless for our users to browse and purchase curated looks that are posted on Koovs’s Instagram handles by influencers and other users.
Role
Product Manager and UX/UI Designer
Tools Used
Sketch, Lucidchart, InVision and UXPin
This project includes
Market Research, User Survey & Interviews, Persona Development, Task Analysis & User Flow, Information Architecture, Usability Testing & Prototyping.
Koovs.com is an online fashion store that offers a wide variety of trendy clothing and accessories for men and women.
The company wanted to capitalize on its robust social media presence and facilitate its customers in purchasing outfits that have been curated by fellow users.
Outcome
Site traffic up
31%
Positive Reviews up
42%
Inventory turn-around up
28%
Discovery
Challenge
The fashion industry is constantly evolving and has been greatly impacted by the rise of social media. Instagram, in particular, has become a popular platform for fashion enthusiasts to follow their favorite brands and influencers. However, the process of manually creating curated looks from an eCommerce fashion store's Instagram handle is time-consuming and can be prone to errors.
Solution
The solution would involve :
Creating a frontend view that is responsive, intuitive, engaging, and personalized for the users to easily shop for the items they are interested in and view them in the context of a complete look.
Create a backend system that is user-friendly and enables the social marketing and visual merchandizing teams to quickly and easily tag products within these looks, preview the collection and then make the entire collection to go live on the website with minimal effort.
Defining
User Research & Personas
I interviewed members from both the teams to understand what aspect of this new tool will be managed by the social marketing team vs the visual merchandizing team.
Task Analysis & User Flow
My analysis so far helped me comprehend the two primary task flows by which the back-end users will engage with the console.
Concept Designs
To gather feedback from all stakeholders, I quickly iterated a wireframe for the potential solution. As this was a project involving three teams, it was crucial to ensure clear communication among all stakeholders
This gave me a clearer understanding of the expectations and what roles & responsibilities lies with which team.
Designing
Final Version
To design this console I wanted to achieve 2 goals :
Shopping for clothes should be an enjoyable and personalized experience for our end users as well as our back-end team members.
The design process should be centered around the human-centered interaction principles, ensuring that every aspect of our website is designed with the users in mind.
As a result front end website that not only showcases the latest trends in fashion, but also uses data from our customers' Instagram entries to curate a collection that reflects their unique style and a back-end console which is easy to use without being boring.
Designing a backend system can be a challenging task as it requires a deep understanding of the design and limitations of the current system. It was crucial to keep these factors in mind throughout the design process to prevent potential frustrations for both developers and the existing users.
It started from here :
And ended here :
Final User view
As we set out to enhance the user experience on our website, we were faced with the challenge of incorporating a new feature requested by our stakeholders. Specifically, they wanted to display the number of likes that each post had received, without altering the existing user interface.
Fortunately, our website already had the necessary functionality in place to allow users to view the complete collection, so our task was primarily focused on creating a new view that would show the number of likes for each post. By leveraging the existing screen and creating a new view, we were able to seamlessly integrate this new feature into the user experience.
At the heart of our approach was a deep commitment to maintaining the integrity of our existing user interface, while simultaneously meeting the needs of our stakeholders.
Final Social Media/Marketing team’s view
In order to optimize the effectiveness of our social media marketing efforts, the Social Marketing team (SM) plays a crucial role in determining which posts ultimately go live on our website. To streamline the workflow and reduce redundancy for our Visual Merchandising (VM) team, the SM team is responsible for approving all entries tagged using the three designated hashtags: Koovsxyou, Koovsxmen, and Koovsxwomen.
Once entries have been tagged using these hashtags, they are automatically pulled into the main console, where the SM team can review each entry and make an informed decision about whether to approve or deny it based on its relevance to the website's content. The main dashboard also provides a comprehensive overview of the number of new entries received, as well as the number that have been approved or denied.
While the SM team has the option to approve a denied entry at a later time, the system does not allow for the reverse, ensuring that only the most relevant and appropriate content is showcased on our website. Ultimately, this approach allows us to maintain a high level of quality control over our social media marketing efforts and deliver an optimal user experience to our website visitors.
Final Visual Merchandizing team’s view
The team in charge of visual merchandising (VM) was tasked with curating the entirety of the collection derived from Instagram posts that had been previously approved by the social media (SM) team. This required a concerted effort to streamline the VM team's workflow and simplify their tasks, which included tagging products, dragging products, and changing the hero product, among others.
To achieve this goal, we developed a dashboard specifically designed to facilitate the VM team's activities. The dashboard provided a clear overview of the number of new entries added on any given day, as well as the number of entries that had already been tagged versus those that were still pending. In addition, the dashboard featured a basic calendar view that allowed the VM team to filter the data in a way that was both intuitive and informative.
Our ultimate aim was to make the VM team's console as user-friendly and efficient as possible, enabling them to execute their tasks with ease and precision. As an end result, we were able to create a solution that streamlined the VM team's workflow and enabled them to curate the collection with maximum efficiency and effectiveness.
Site traffic up by 31%
•
Positive Reviews up 42%
•
Inventory turn-around up 28%
•
Site traffic up by 31% • Positive Reviews up 42% • Inventory turn-around up 28% •
My Learnings
My task of designing the consoles were full of its own unique set of challenges. In particular, I had to carefully navigate the existing layout of the console, while also taking into account the limitations on what can be added. This was particularly crucial when considering the impact that too many fancy UI elements can have on console performance.
Despite these challenges, I found the process of designing the console to be both rewarding and stimulating. Working within the constraints of the existing layout presented an opportunity to think creatively and devise innovative solutions that could enhance the user experience without compromising performance.
By carefully balancing design considerations with performance limitations, I was able to develop a console that seamlessly integrated with the existing system, while still delivering a user-friendly and efficient experience. While the project certainly had its share of difficulties, I approached each challenge with a spirit of enthusiasm and a commitment to delivering the best possible results.
In the end, I am proud of the work that I accomplished in designing the console, because it made it so much easier for both the teams to function seamlessly in tandem and as a result we were able to move around our inventory at a faster rate which is always a critical consideration for an e-commerce (fashion) firm.