Company Profile Page
For the Company Profile Page, I started by doing a pain point analysis of the existing state to identify UX issues with the system. It then became clear that the design was lacking a sense of hierarchy all through out. I also found that the responsive nature of the page could be improved dramatically. To confirm my findings, I set out to perform remote user tests with users.
(Above) Existing State Company profile – Above the Fold
Initial user feedback was translated over to me through our customer service and sales teams. They interact the most with our site users as well as Employers and had great feedback to give. They were able to help validate the importance of particular pain points through their personal experience with thousands of users and helped me and the data analyst create a valuable remote user testing session.
(Above) Documented Pain Points
(Above) Example Customer Service Software for User Feedback
The remote testing session consisted of 10 tasks. Users completed the tasks within a 5-15min range. We had our users enter our site through our most common sign up flow, which starts from a company search and leads a user to a company profile page where they are prompted to sign up through multiple CTA’s on the page. Part of the Company Profile page redesign was creating a page for better conversion, so having a subjective review with a somewhat vague task of signing up was helpful in seeing how our users think about conversion. Afterwards, pain points were recorded and consolidated by importance which were then translated into the new design.
(Above) Remote User Testing Session
The new design! Through many iterations, I was able to come up with a new modular design that did the following:
- Showed information about the company more clearly and quickly by optimizing the height of the page and designing with content hierarchy in mind.
- Made CTA’s at the top stand out more for employers and jobseekers
- Show written reviews about the company more quickly
- Divided information that is targeted towards employers on a right side bar and info most pertinent to jobseekers in the main content area.
- Designed main content area at 3/4 width to make it more easily readable.
- Created a design system that is responsive & works with multiple states where a lack of data may be an issue.
(Above) Finished Design – Above the Fold
Visual Design Updates
I was also tasked with creating visual design updates for the company management software that employers use to fill out their information. The goal here was to create an aesthetic that uses as many existing components as possible while elevating the brand. I wanted to create an open and airy feel when in the product that was clear to users and that could be easily implemented by the development team in a short amount of time.
(Above & Below) Current Visual Design Style for b2b product
For the two new designs below, I chose to start with re-designing the dashboard since it was the first impression of our software and a jumping point to other areas. I also redesigned the “Edit My Company Page” to show what new form styles could do for the aesthetic and feel of the application. The result felt a lot more unified than the existing design and also displayed the information more efficiently.
(Above) Updated Visual Design Style for b2b product dashboard
(Above) Updated Menu Design & Global Form Styles