Imagine Deliver

Overview


Background

Imagine Deliver is a consultancy firm with a focus on facilitating inspiration and developing system and service designs to reduce disparities within their clients’ community and workspace.

Problem

After inspecting their website, their content is spread across different sites and other social platforms, making it difficult for an interested user to locate. In addition to the vast amount of “buzz words” (hard-to-read terminology) and unclear collaborating process, it dissociates Imagine Deliver from reaching non-executive users and potential clients.

Task

Working in a group of 5 UX Designers, our goal to support Imagine Deliver’s ambition starts with compacting their resources to make it more easily accessible so they can deliver their thought pieces and strategy design process to their audience, while also catering to non-buyers and lower-level workers.

We will achieve this goal by focusing on website content, structure, and media strategy. As a result, we hope to see an increase in engagement numbers and site metrics on their high-priority social media and time spent on the website.

Synopsis


Meet the team (left to right): Nicole, Grace, Sara, Tad (bottom-right), Jared (upper-right)

Client: Imagine Deliver

Role: UX Designer & Researcher

  • Grace, Jared, Nicole, Sara, Tad

    • Evaluate the website with relative competitors

    • Find more about Imagine Deliver’s goals in a Stakeholder Interview

    • Assign team tasks with a Kanban board

    • Discern prototype touchpoints

    • Write a user group persona

    • Draw a Strategy Map

    • Deliver a touchpoint presentation

    • Competitor Audit/Analysis

    • Guiding Strategy Statement

    • Kanban

    • Strategy Mapping

    • Wire-framing

    • Information Architecture

    • User Group Persona

    • Questionnaire/User Survey

    • Secondary Research/Deep Dive

    • Content Audit

    • User Critiques

    • Touchpoint Prototyping

    • Touchpoint Presentation

  • FigJam, Figma, Google Docs, Exalidraw, IconScout, LogicPro, Pen & Paper

The Journey

Click to scroll down the page and follow my UX journey


1) Competitive Audit

2) Stakeholder Meeting

3) Deep Dive Research

4) Guiding Strategy Statement

5) Strategy Mapping

6) Wire-framing and IA Diagraming

7) Touchpoint Presentation

Competitive Audit

Evaluating the Competition

By evaluating Imagine Deliver’s current website with other consultancies, we found insights on how competitors manage their social media platforms as well as their approach with website structure and content.

Tool: FigJam

 

List of competitors we checked

MBB Consulting Firms (very large, multi-billion dollar consulting firms)

Boutique Firms (smaller firms)

Some Important Takeaways

  • Stoked excels in avoiding complicated terminologies, increasing readability.

  • Bain & Co. includes a questionnaire on their homepage to direct users according to their needs.

  • Grayhall has no case studies but clear project outcomes following each service.

  • The Bridgespan Group has a large social following despite being a smaller firm.

  • Design Core uses a podcast to deliver their consultancy goals.

Stakeholder Meeting

Meeting the representatives of Imagine Deliver

Our team held a meeting with the client to gain more information about their current pain points and opportunity areas. This meeting revealed their overarching goals to become a national thought-leader and expanding their social presence online.

Tools: FigJam, Zoom

 

Preparing for the meeting

Before the zoom call started, our team, along with the rest of my classmates at Prime, collaborated on several questions to ask the client, such as how they start their work with a new client, who is their audience, and how they measure success. Once finished, our notes were compiled on a FigJam board.

Some Takeaways

  • Learned about how Imagine Deliver approaches their work with a new client.

  • Overall audience are Senior Executives or People with a lot of responsibility and accountability.

  • Wants to become a national thought leader.

  • Biggest area of improvement is that clients are misunderstanding what they offer.

  • Sends out more newsletters bi-weekly.

Deep Dive Research

Finding more about Imagine Deliver

In order to find a deeper understanding of the problems Imagine Deliver faces with their website, we assigned each of us different questions to investigate. The question I approached my research was, “What exists in this space?“

Tool: FigJam

 

My Approach to the Challenge

The challenge in starting my research was the question, “What exists in this space?“ The “space” can be anything, and there was little direction to approach on “what exists”.

To start with, there were several resources to find information on what currently exists in how Imagine Deliver operates. Therefore, I began my research by organizing my findings based on their source. These include the website itself, feedback from the stakeholder interview, their analytics chart, the competitive analysis, and information from a client summary document.

    • "How well does it work?"

    • "What problems still exist?"

    • "What’s important to the audience members/decision makers/influencers?"

    • "Where/how are there opportunities to make a change to this experience?"

    • "Are there similar experiences to learn from?

 

My Findings

As a result of my Deep Dive, I found several resources that Imagine Deliver contains such as what social media they use, their downloadable guides, newsletters and other insights, case studies, and more. The issue concerning their resources was that they were spread out within both their website and their media platforms.

Problems Found

There was a lack of content and update frequency on their social media since there was no focus on which one to prioritize as their main hub of information. Additionally, their startup guides were blocked with required newsletter signups. Other sources of information such as blogposts, outsourced articles, and case studies (which were also regarded as resource content) were lost in the navigation bar or mixed up with unrelated content. There was also a lot of “buzz words“, or very complicated terms, that some users might not understand.

Going Forward

Despite these problems, their design aesthetic is clearly defined and stylized to suit their motto of “playful yet serious about their work“. It is understandable that they have a lot of content to share with their audience, and managing to showcase their content will be one of our main approaches going forward with our design process.

Imagine Deliver’s Resource webpage. To download a guide, you need to sign up for a newsletter subscription.

Guiding Strategy Statement

Following our North Star

Once our findings were compiled, we set a goal to help guide us through our design phase. We defined our user group, what they want, how we achieve their needs, and the result.

Tools: FigJam

 

Assigning Tasks

There was a lot of work ahead of us, so we assigned individual tasks amongst the group by using a Kanban board. The Kanban board will keep track of who owns a certain task and what completion phase it is currently inside. My task was starting the Strategy Map.

Strategy Mapping

The Imagine Deliver Experience

In order to attain a mental model of how a user would find Imagine Deliver and its resources, we created a Strategy Map which visualizes how (after the redesign) the client will lead the user to their content.

Tools: Figma, Exalidraw

 

What is a Strategy Map?

The difference between a Strategy Map and a Journey Map is that we are showing the “strategy” in terms of how a user would find Imagine Deliver and utilize their resources. In this case, the Strategy Map is similar to a Journey Map as it includes touch-points of the user’s journey, but for our map, it would not need the pain points or thoughts and feelings of the user.


Revision Stages

Throughout our design process, our Strategy Map has undergone several revisions as it grows from low-fidelity to high-fidelity. We started by defining our main phases and then the sub-phases (touch points). Then we focused on matching a design aesthetic to match Imagine Deliver’s color palette and motto of “fun yet serious” attitude.

The user defined in the map, Connie, is a persona inspired from Imagine Deliver’s new user group and what we defined in our Guiding Strategy Statement.

Wire-framing & IA Diagramming

Visualizing and Designing

Alongside our Strategy Map are the Wire-frames of the website’s redesign and an Information Architecture (IA) Diagram. These were built by my teammates in the design process as I was working on the Strategy Map. However, I was in charge of making a high-fidelity Resource/Downloads page.

Tools: Figma, Pen & Paper

 

Wire-framing

The wire-frames were made for the resources, network, home, and social media pages. We started with low-fidelity sketches then improved them over time. I built my wire-frame as a high-fidelity version of Nicole’s initial sketches for the Resource page. The links below include both our wire-frame drafts.

My final draft reduced the amount of noise on the Resources screen, and instead left only the Downloadable section. As for the remaining sections that were deleted, we placed their links in the header navigation bar of the site.


IA Diagraming

The Information Architecture (IA) Diagram visualizes the pathway navigation throughout Imagine Deliver’s website. We made at least two revisions of it as we were making the wire-frames. Our approach was to gather all of the resources into one or fewer areas.


Instagram Survey Report

In addition to the Wire-frames and IA Diagram, we also sent a quick survey on Instagram with questions relating to how users gather around areas of interest on a social platform. Noticing the more impactful following on Imagine Deliver’s Instagram page, the survey was also delivered through Instagram. This survey was made by our teammate Grace, and the users who responded are close acquaintances of hers. You can view the survey in the link.

Touchpoint Presentation

Showcasing our design

At the end of our project, we made a short video presentation of our touch-points. This included making the script, audio, and slides.

Tools: Logic Pro, Figma, Google Doc, ScoutIcon

 

Storyboarding

As we plotted out the frames for our video presentation, we each took sticky notes in different colors and pasted the slides we were responsible for. My notes were colored in blue, and the main frame I made was the Resources/Downloads slide.

Recording

Once our storyboarding was finished, we written a script for each of our slides in Google Doc. Then we used Nicole’s microphone set to record the voice lines, and Jared synched the slides to the voice-overs. We used ScoutIcon to find the visuals for the characters in the slides and Logic Pro for the audio.

Storyboard for our video

Conclusion


Imagine Deliver is seeking to create and share market-shifting content and position themselves as a national thought-leadership consultancy. They wish to achieve this by improving their website to better integrate their thought pieces for their intended audiences. With these recommendations, Imagine Deliver will be able to further reach their goal and make a lasting impression in the marketplace.