Social Media Products

To modernize Eventgroove’s product set, we created a set of integrated social media products that match our printed products and allow users to connect their social media accounts and post directly from their Eventgroove account.

Overview | Design | Process | Screenshots

Overview

The majority of Eventgroove’s event products are printed products like tickets, posters, wristbands, etc. Some of our competitors already offer digital social media products, so to stay competitive our business team wanted to add social media products to our offering.

Team

Product designer (myself), Developer

Design

We used the existing UI framework for the design, and also the same general product editing UX that existed for our print products.

Process

I conducted interviews with six of our largest customers to understand how they use social media. I asked which platforms they use, which aspects of those platforms, and what their current process for creating social media posts and graphics was. From these interviews, I generated the following feature requirements:

-Facebook, Instagram, Twitter, Pinterest most popular platforms

-When posting to Facebook, need to be able to select a specific page

-Integration for direct posting

-Lock down branding (colors and fonts)

-Ability to share designs with others in the organization

I reviewed these requirements with the developer, and he agreed everything was doable. While he worked on integrating Facebook and Twitter’s API, I generated a prototype using InVision. I had follow-up calls with a few of the same customers I already interviewed for this project to show them the prototype. There was general approval for the direction, with a few additional suggestions that we took into account.

When we had the final product ready, we applied it to the websites for each of our interview customers and asked them to try it out. General feedback from everyone was very positive, and after a few final bug fixes we launched the feature for our main website.

We use Basecamp for product management so you can see a snapshot of our workspace for the project here.

Overview

The majority of Eventgroove’s event products are printed products like tickets, posters, wristbands, etc. Some of our competitors already offer digital social media products, so to stay competitive our business team wanted to add social media products to our offering.

Team

Product designer (myself), Developer

Design

We used the existing UI framework for the design, and also the same general product editing UX that existed for our print products.

Process

I conducted interviews with six of our largest customers to understand how they use social media. I asked which platforms they use, which aspects of those platforms, and what their current process for creating social media posts and graphics was. From these interviews, I generated the following feature requirements:

-Facebook, Instagram, Twitter, Pinterest most popular platforms

-When posting to Facebook, need to be able to select a specific page

-Integration for direct posting

-Lock down branding (colors and fonts)

-Ability to share designs with others in the organization

I reviewed these requirements with the developer, and he agreed everything was doable. While he worked on integrating Facebook and Twitter’s API, I generated a prototype using InVision. I had follow-up calls with a few of the same customers I already interviewed for this project to show them the prototype. There was general approval for the direction, with a few additional suggestions that we took into account.

When we had the final product ready, we applied it to the websites for each of our interview customers and asked them to try it out. General feedback from everyone was very positive, and after a few final bug fixes we launched the feature for our main website.

Screenshots

This is what we ended up with.

First, the user selects the type of social media product they want to create.

Next, they select a design.

Then, they customize the design using the canvas editor.

The design is automatically saved in the users account where they can choose how to publish it.

They can choose to post their design directly to Facebook. They just need to connect their Facebook account.

After connecting their account, they can choose which page they want to post to, as well as input some text to accompany the post.

After connecting an account, the user can select a page where they’d like to publish their post.

After adding any text to accompany the post graphic, the user is ready to publish their post.

The final step confirms their post, and provides a live link where they can view the post.

Here’s an example of what the final post looks like.

Here’s what our project management space looked like for this project.

Takeaways

This project ran pretty smoothly from start to finish. we had general agreement and enthusiasm from customers throughout the process, and they were happy to provide their input. Not every project flows like this, so it was enjoyable to work on.