Business Drivers

- Despite our large marketshare we weren't a leader in the space when it came to our experience
- We were losing deals due to more modern experiences with a better UI and UX
- Users felt like we weren't investing in core products and solving real problems
- Due to user errors from a poor UX we had some accounts that had become at risk of cancellation

Project Details

Team :

Lead UX Designer
‍(worked with Director of Product, UX Researcher, Engineering Lead, Business Analyst)

Duration :

Multiyear / ongoing

Tools :

Adobe Illustrator and Photoshop

Solution

We provides a dynamic work alignment for being be the best organization in a hassle-free environment to work It increases the count and quality of visitors to a website by improving grade in the algorithmic search results.

Printer took a galley of type and scrambled it to type specimen book. It has survived .

Fidelity Concepts

Competitive analysis is a key aspect when in the beginning stages of an SEO campaign. Far too often, I see organizations skip this important step and get right into keyword mapping, optimizing content, or link building.

1. Lоw Fidelity

We split up to create our own low-fidelity concepts to generate as many unique ideas as possible and disregarded.

02. Medium Fidelity

Be at the top of google page search by its powerful and incredible Search Engine Optimization technique

03. High Fidelity

Know about your company level in market with a perfect & precise market monitoring the system which is deal with social media strategy.

Primary Challenges

1. Too many ways to create a message causing confusion and frustration
2. Lack of parity between these various workflows
3. Dated user interface that was inefficient
4. Various features existed elsewhere in our system and weren't readily available at time of creation
5. Current WYSIWIG editor is subpar and doesn't have space or features to use

Discovery and Early Ideation

Many of the initial requirements were taken from customer surveys, qualitative research findings, and SME knowledge from our product owners. This gave us a great foundation for ideating on concepts and solutions that we could then take to our users for validation.

There were several core sections/tasks that needed to be accomplished in the creation of every message so we started iterating on the structure and order of the workflow.

Early Concepts

I put together these initial really low fidelity designs to validate certain hypothesis we had around workflow layout and what features would find the most helpful.

Research Methods and Takeaways

Moderated research with end users was run by UX Research partner at this time.

- Having creation and sending all in one flow is not scalable and has far too much cognitive load for users.
- Users liked having more visibility into where they stood in the process.
- Users liked having a list of tasks to complete before sending.
- There were mixed reactions to the new layout of the workflow.

Design Buy-In Spike

There were concerns from leadership that the workflow was still too many screens and the changes we were proposing based off of research weren't "radical" enough to compete. So I created several user journey maps to illustrate to leadership a comparison between current state and proposed state on the difference in number of screens, context changes, and clicks. This helped us move forward in a united fashion once leadership better understood the meaningful impact we were creating for users and that a certain amount of complexity was necessary and desired for our most common personas and use cases.

Wireframes - First Draft

Research Methods and Takeaways

Research was run before and after every release at this point.

- Users sometimes felt lost when beginning the workflow and needed better affordances and UA language
- Users loved having all of their validation and testing tools built right into the flow.
- Continue refining the top nav and gain space where we can for a large and easy to use work area.

Wireframes - Final Version

Research Methods and Takeaways

Research was run before and after every release at this point.

- Users really liked having autosave built into the workflow with good visual cues for when a save event was happening
- Subject and Preheader could still be easily overlooked so we needed to continue to refine their position and visual prominence while not disrupting the rest of the IA on the page
- Canvas space for editing the message continued to be a high priority so we gave the users an option to expand the canvas to overlay other UI elements when desired

Visual Designs