SiteBoss

Design Systems | Iteration | A/B Testing | Design

The Problem

SiteBoss encountered a challenge with their partially developed product, primarily concerning the flow and user experience, as their research findings needed effective implementation. Given the unique requirement of operating in extreme daylight conditions, acquiring specialized devices with increased luminance and higher nit specifications was essential. Furthermore, to enhance the user experience, increasing visibility on the tablet was imperative.

The Solution

A comprehensive approach was taken to address SiteBoss's challenges with its partially developed product and enhance the user experience for extreme daylight conditions. Competitive research, client research, and stakeholder interviews were conducted to gain deep insights into the user requirements. It was clear that sleek designs and small features wouldn't suffice. Instead, we focused on creating a user experience that catered to users' needs by implementing more prominent icons, high-contrast lettering, and larger-than-usual features, all aimed at increasing visibility during use. In addition, specialized devices with screens featuring higher luminance and enhanced nit specifications were ordered to ensure optimal performance in extreme daylight conditions. This approach effectively addressed the flow and user experience concerns, aligning the product with user expectations.

Process

“It’s definitely an upgrade from what we used before. It’s lighter and very user friendly. The support request works well too, support got right on the phone with me and helped with what I needed.”
See Reviews

As the UX Designer, I worked closely with stakeholders to gather insights, drawing from their internal research, competitive analysis, an evaluation of existing screens, and stakeholder interviews. Utilizing these findings, I developed user flows and a strategic roadmap. I then translated these insights into tangible concepts by crafting wireframes and interactive prototypes, subject to testing and feedback from stakeholders— this iterative process culminated in the product's successful launch, now accessible at https://siteboss.com/.
‍
This project consists of the following phases:

Empathize

SiteBoss approached me with their near-complete product. SiteBoss was focused on enhancing the user experience of their product. The product was primarily used in bright sunlight conditions. Stakeholder interviews revealed the need for high-contrast design elements, larger icons, and prominent features, in addition to specialized screens with increased luminance and higher nit specifications, which were procured to meet these demands.

Stakeholder Interviews: I began by conducting stakeholder interviews to understand the objectives and concerns of key individuals involved with SiteBoss. This included the developer and CEO. The aim was to gain insights into the project's goals and expectations.
Competitive Research: I delved into competitive research, thoroughly examining other products in the same space. This helped me identify design trends, user experience features, and competitive advantages that could inspire or guide our design choices for SiteBoss.
Client Research: Engaging with the existing client research, I aimed to grasp their specific needs and vision for SiteBoss. This involved discussions, meetings, and careful review of their provided briefs and documents. The goal was to ensure our design aligned with the client's unique requirements and objectives.

In conclusion, the "Empathize" phase for SiteBoss was a vital starting point in the design journey. Through stakeholder interviews, competitive research, and client research, I gained a comprehensive understanding of project objectives, user expectations, and client requirements. This knowledge laid the groundwork for a user-centric and informed design process, ensuring that SiteBoss would meet both industry standards and the unique needs of its users and stakeholders.

Prototyping

I aimed to take the user flows, research, and insights and turn them into interactive prototypes. Here are some of the steps I took to do this:

Turned unrefined screens into prototypes: The first step was to take the screens created and turn them into prototypes.
Refined the prototypes through iterations: Once the clickable prototypes were created, I went through a series of iterations with my stakeholders' input to refine the design and functionality. This involved improving, enhancing strengths, and refining the overall strategy.
Digitalized the wireframes in Figma: After the prototypes were refined, I digitalized the wireframes in Figma. This allowed me to create more polished and professional-looking designs.
Created A/B versions for stakeholder options: My Stakeholder wanted options, so I did A/B versions to help narrow the decision.
Built a Component Library, Style Guide, and Variants: To ensure an efficient workflow, I prioritized building a Component Library, Style Guide, and Variants simultaneously. This allowed me to create consistent designs and save time in the long way.

Overall, the iterative prototyping process allowed me to create a functional and user-friendly design that met the needs of the target users.

SiteBoss

Process

Empathize

Prototype

Empathize

Prototyping

Want to work together?