Sarah Kadlecek | Blog Dashboard

Problem

In this case study an eCommerce site needed a dashboard to create, schedule, and publish blog content directly on their site. Instead of relying on a third-party widget for content creation, they chose an API-based approach. This method integrates content directly into the site’s code, enhancing SEO and driving increased site traffic as well as allowing content creators to directly access the current site inventory for more accurate merchandising within the blog feed.

Because of this they needed a content management dashboard designed to create the blog content as well as managing merchandising opportunities within the blog articles.

My Role

Lead UI Designer

UX Researcher

Project Manager

Solution

I solved this problem by creating a comprehensive, user-friendly content management dashboard tailored to the specific needs of this eCommerce site.

I started by conducting user research to understand the needs of content creators and merchandising managers, as well as engineers, to understand the limitations.

With these insights, I designed an intuitive interface that seamlessly integrates blog content creation, scheduling, and publishing with the site's inventory data. This integration would allow content creators to easily access and incorporate product information into their articles.

We iterated on the design based on user feedback, ensuring that the final product was both efficient and effective in boosting site traffic and improving the overall user experience.

TL;DR | JUMP TO PROTOTYPE

User Interviews

The first step in solving this problem was to fully understand the stakeholders' needs. I conducted interviews with key team members who would be using the product to understand their desired outcomes and also interviewed the engineers to learn about the potential limitations.

With these insights, I created a wireframe of both the backend tool and the front end result that detailed how the product would function.

Wireframes

The backend wireframes outline a clear layout, including a dedicated area for writing and editing blog posts, a user and author management section where admins can update roles and permissions, the media management area, designed for organizing and uploading images and videos, which can be effortlessly inserted into blog posts.

The frontend wireframes show how the backend content will translate onto the site.

These low fidelity wireframes provide a clear visual guide for stakeholders, ensuring that all essential features are logically arranged and easily accessible.