Hero screen of the web app, screen 1.
Hero screen of the web app, screen 2.
Hero screen of the web app, screen 3.

ProposalAI

ProposalAI is an advanced proposal-making system designed to streamline the proposal creation process for freelancers, agencies, and enterprises.
Hero screen of the web app, main dashboard.
Customizable templates with intuitive drag-and-drop interface.
Real-time commenting and feedback system for team collaboration and client input.
AI-driven content generation for proposal sections.
Reminders and follow-up notifications to ensure timely submission and client engagement.
Integration with popular CRM systems and project management tools for seamless workflow management.

Background

Project Goals

  • Develop an intuitive platform for creating customized and visually appealing proposals.
  • Improve efficiency by automating repetitive tasks related to proposal creation.
  • Enhance user experience by providing templates, content suggestions, and collaboration features.
  • Increase the conversion rate of proposals by ensuring they are well-structured, persuasive, and client-focused.

Research and Design

User research and competitor analysis was performed by other UX designers prior to me joining the team. They looked at both direct and non-direct competitors, such as PandaDoc, GetAccept, DocuSign, Zoho, etc. A document was shared with me, containing all the research data and a list of features for ProposalAI.

My Role

  • Create a design system to be used on multiple screenshots.
  • Design high fidelity mockups, using existing wireframes, ensuring all design heuristics and accessibility guidelines are met.
  • Develop prototypes for each task flow of the project.

Conclusion

ProposalAI is poised to revolutionize the way freelancers, agencies, and companies create and deliver proposals to clients. By combining innovative features, intelligent automation, and user-friendly design, ProposalAI aims to empower users to win more projects and achieve business success.

Design System

I created the design system for this project, including some of the icons, buttons, and elements.
Design system screenshot

Editor Design

Design of the proposal writing editor that includes both light and dark design options. Left toolbox design.
Toolbar lightToolbar dark
Left toolbar, wireframe
Wireframe
Left toolbar, light
Light design option
Left toolbar, dark
Dark Design Option
Full screenshot of the light and dark editor.
Light editor screenDark editor screen

Main Dashboard and Other Screens

Dashboard designs of the web app, including projects, tasks, analytics, and other sections.
Dashboard: projects screenDashboard: task screenDashboard: settings screenDashboard: content library screenDashboard: analytics screenDashboard: support screen

Onboarding Screen Design

The 6 step onboarding process when user signs up for the services.
Onboarding screen: user registration.Onboarding screen: business information.Onboarding screen: choose your plan.Onboarding screen: billing details.Onboarding screen: terms and conditions.Onboarding screen: finish.