Barqco is an online platform tailored for pet owners who actively manage social media accounts for their pets and seek to capitalize on their online presence. This Barqco website assists pet owner in managing their finance automatically at ease.

The client requested an evaluation of the usability of Barqco's website features. The aim was to provide them with a user-friendly platform for sharing images and advancing their ventures into prosperous enterprises. Ultimately, the goal was to fill the gap in the market for such a platform and empower pet owners to create successful small businesses within the social media industry.

The deliverables were organized to encompass usability testing for the designed website screens and the evaluation of various features on the Barqco website. This included assessing the usability of the following elements: login functionality, informative features, blog posts, and pricing pages.

Overall, users appreciated the premise of the website pages and completed tasks related to finding benefits information, reaching the sign-up page, accessing the pricing page, and browsing articles. However, users expressed confusion regarding page labeling and insufficient information on pages to understand their location and what is needed next. Improvements are needed to clarify the purpose of certain features, enhance usability, add related CTAs, and provide clearer feedback to users, particularly regarding account creation status.

Initially, our focus was revamping key pages and elements like the homepage, sign-in feature, and pricing page, prioritizing coherence to align seamlessly with user expectations. Subsequently, other pages received updates or had individual components refined to uphold a unified user experience. Every screen underwent redesigning informed by the insights gleaned from our rigorous usability testing. Specifically, I reworked the navigation bar to provide a clear indication of successful sign-in and incorporated a dropdown menu featuring user profile tabs for improved navigation.

The high-fidelity designs and style guide already established, require only minor updates post-usability testing, which we updated in the mid-fidelity screens. As we iterated through the mid-fidelity updates, all screens underwent further refinement to harmonize with the insights gleaned and the updated components and style guide. We fine-tuned spacing, padding, and call-to-action buttons to adhere to grid standards.

Upon completing the redesign and updates to all components, I meticulously reviewed the library and style guide, removing any redundant layers to optimize clarity. Utilizing the measurement plugin on Figma, I provided precise measurements for elements, padding lengths, and distances between elements to ensure accurate implementation. Furthermore, comprehensive annotations were added to clarify any ambiguous steps, facilitating developers' understanding and reducing the risk of errors during the implementation phase.