Elevating CRM Software Design for Real Estate Developers: A-Star Technologies

A-STAR TECHNOLOGIES, based in Vadodara, Gujarat, is committed to helping businesses outpace their competition with innovative, user-friendly, and secure software solutions. This IT service company has delivered tailored software solutions for various business processes, including manufacturing, HR, warehousing, and more, ensuring optimized efficiency and seamless operations for its clients.

This project focuses on refining the user experience design of A-Star's existing CRM product for the real estate industry, enhancing its interface and functionality while preserving its underlying architecture.

A-Star CRM for real estate, prior to the redesign.

A-Star CRM for real estate, prior to the redesign.

OBJECTIVE

A-Star aims to enhance the design and user experience of its software to boost competitiveness and strengthen its market position. The focus of these design enhancements is on updating the design system and user interface, while maintaining the existing information architecture.

KEY CHALLENGES

• Revitalizing the design system to enhance visual appeal and user engagement.

• Redesigning the navigation for improved accessibility and flow.

• Enhancing data visualization and reporting metrics to provide more actionable insights.

• Streamlining forms to simplify user interactions and increase efficiency.

DISCOVERY & RESEARCH

INFORMATION ARCHITECTURE

After understanding the product’s structure and functionality, I mapped the existing information architecture to create a blueprint that guided design enhancements, ensuring framework alignment and user-centric optimization.

A flowchart of the information architecture of A-Star's CRM software.

COMPETITIVE ANALYSIS

Next, I analyzed the reporting capabilities and compared the usability and visual design of market leaders and competitors.

Competitive analysis table.
Competitive analysis - software Ui.

Salesforce CRM - Opportunities Kanban View (top left); Salesforce CRM - Opportunities Form View (top right);Zoho CRM - Home & Layered Panel Navigation View (mid left); Zoho CRM - Leads Module (mid right);Odoo CRM - Pipeline Kanban View (bottom left); Odoo CRM - Form View (bottom right).

DESIGN SYSTEM

COLOR PALETTE

I selected an achromatic palette with violet accents for a clean, professional look, using vibrant yet calming colors in data visualizations to enhance clarity and visual appeal. This approach was designed to encourage user engagement without overwhelming them.

ACHROMATIC/

White color swatchBase color swatchDark/black color swatch
Gray/01 color swatchGray/02 color swatchGray/03 color swatch

ACCENT/

Violet/01 color swatchViolet/02 color swatchViolet/03 color swatchViolet/04 color swatch

REPORTING/

Purple/01 color swatchPurple/02 color swatchPurple/03 color swatchPurple/04 color swatchYellow/01 color swatchYellow/02 color swatchYellow/03 color swatchYellow/04 color swatchGreen/01 color swatchGreen/02 color swatchGreen/03 color swatchGreen/04 color swatchRed/01 color swatchRed/02 color swatchRed/03 color swatchRed/04 color swatchBlue/01 color swatchBlue/02 color swatchBlue/03 color swatchBlue/04 color swatch

FEEDBACK/

Feedback-blue/01 color swatchFeedback-blue/02 color swatchFeedback-orange color swatchFeedback-red color swatchFeedback-green/01 color swatchFeedback-green/02 color swatchFeedback-yellow color swatch

TYPOGRAPHY

I chose Inter as the primary typeface for its clean, modern design and strong legibility across sizes. Its versatile, geometric yet humanistic style enhances readability, ensuring clear data interpretation even in dense visualizations while providing a consistent experience across devices and screen resolutions.

Typography

ICONS

Icon (small) dimensionsIcon (large) dimensions
Call iconEmail iconSMS iconWhatsapp iconUpward arrow iconDownward arrow iconLeft arrow iconRight arrow iconUp-left arrow iconDown-right arrow iconDown-left arrow iconUp-right arrow iconDelete iconDuplicate iconEdit iconCalendar iconTime iconSearch iconBold iconItalics iconNumbered-bullets iconBullet iconLeft indent iconRight indent iconLink iconUnlink iconDownward caret iconUpward caret iconRight caret iconLeft caret iconUpload iconDownload iconCancel/close iconAdd iconCheck iconInfo/description icon

BUTTONS

ANATOMY

Buttons anatomy

PRIMARY

Primary buttons

SECONDARY

Secondary buttons

TERTIARY

Tertiary buttons

INPUT

ANATOMY

Buttons anatomy
Input-defaultInput-hoverInput-focusInput-requiredInput-activeInput-filledInput-disabledInput-errorInput-addInput-iconInput-2iconsdropdown+input

DROPDOWN

ANATOMY

Dropdown anatomy
Dropdown-defaultDropdown-disabledDropdown-error
Dropdown-activeDropdown-option hoverDropdown-option focusDropdown-selected

RESULTS

Redesigned interface of A-Star CRM Software.

CLIENT REVIEW

The client was pleased with the project’s outcome, noting the enhanced visual appeal, improved user experience, and seamless functionality. As a result, they extended the collaboration to design a website for real estate clients, which will be integrated with the CRM and offer real-time connectivity.

FUTURE CONSIDERATIONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A-Star redesign mockup