
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
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)
McKinsey & Co: https://www.mckinsey.com/
Bain & Co: https://www.bain.com/
Boston Consulting Goup: https://www.bcg.com/
Boutique Firms (smaller firms)
The Bridgespan Group https://www.bridgespan.org/
GrayHall https://www.grayhall.com/
Stoked https://stokedproject.com/
EarlyWorks https://earlyworksllc.com/
Design Core https://designcore.org/ (Not a firm, this is more of curator)
Clutch Consulting Group https://www.clutchconsultinggroup.com/
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.
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.