Procured.ai

I was a key part of the team responsible for all design initiatives for Procured.ai, a B2B SaaS platform that served as a collaborative and intelligent data hub for government contracting. As the brand was new, I was tasked with establishing its visual identity, starting with the logo design and foundational brand materials. My contributions also included designing several web application flows and creating a fully functional prototype. Additionally, I developed storyboards and animated the promotional video for the platform.

MY ROLE

Logo DesignUser InterfaceMotion GraphicsPrototyping

Context and Challenge

Procured.ai is a collaborative and intelligent data platform designed specifically for government contracting and procurement teams. It acts as a centralized, collaborative hub for teams to handle every stage of a contract, from initial research to final management. The product main functionalities are Search, Collaborations and Networking.

Lead designer started to understand each view and its functionalities. This process enabled to initiate UX testing, create documentation, and formulate initial improvement strategies aimed at enhancing UX across the platform.

Project Goals

01.

Develop a simple, modern logo that visually embodies the "search" concept.

02.

Craft a user-centric design system for the platform's overall experience and interface.

03.

Produce a comprehensive promotional video that explains the platform, including a detailed walkthrough of its features and benefits for the user.

THE BRAND

Creating the visual identity

Based on the client's primary requirement, I began by performing competitor and visual research to understand how competitors convey their messages, the design of their logos, and the trends in logos in the market. My findings indicate that competitors predominantly use imagotypes combined with minimal sans serif fonts and distinctive isotypes. Their communication style is professional, emphasizing collaboration, efficiency, and processes.

I create the key concepts for the brand:

Collaboration
Connection / networking
Organic / frictionless
Movement / transformation

From these concepts, created initial rough sketches and subsequently developed the first digital iterations of the logo.

Selected imagotype

The design went through several iterations before the client chose their preferred option. Additionally, I provided a few color palette options, and the final selection is the one displayed below.

The platform

Webapp

The senior UX/UI designer focused on user flows, information architecture, and high-fidelity mock for key screens such as the homepage, search page, and collaboration pages.

I was tasked with assisting her in developing additional pages, which I built from scratch based on the architecture information, including the dashboard, company profile, opportunity details, inbox,, task tracker details, and partner screens.

I also designed specific features like the notifications panel, document preview, discussions section, document library, activity, and settings subpages, including subscriptions and billing, as well as message creation. Additionally, I contributed to minor UI enhancements on main screens, such as the search index results bar and the collaboration threads view.

Full Prototype

As the client requested, I developed of a complete prototype to demonstrate how the pages interact and to ensure that each primary flow accurate.

Promo Video

I developed and implemented the promotional video for the brand. The initial step involved crafting a video outline, which was then followed by creating a storyboard. Once these were ready, I designed the logo animation for the video's introduction and explored music options.

The client provided the script, and along with the lead designer, we reached out to a person for the voice needed for the video. I produced the video animation highlighting the platform's special features, ensuring that music and voice were seamlessly integrated.