Designing Effective B2B SaaS Interfaces: Insights from an Apartment Management System

About B2B and B2C Design Differences

B‑end products target enterprises or managers, aiming to improve efficiency and reduce costs, while C‑end products focus on user preferences, entertainment, and longer engagement times.

Key differences include user purpose, scenario complexity, and revenue models, which lead to distinct design priorities.

How to Design

When designing the Apartment Manager PMS, the process is divided into three phases: before design, during design, and after design.

Design Before

1. Product Background – The Apartment Manager helps 58 brand apartment operators manage listings, tenant leads, VR tours, live viewings, online contracts, and post‑rental services, improving efficiency and brand appeal.

2. Service User Groups – Primary users are long‑term apartment operators and property managers who need fast listing and tenant management.

3. Specific Needs and Scenarios – The system enables quick online customer acquisition, lead tracking, digital signing, and brand marketing, all aimed at boosting operational efficiency.

4. Competitive Analysis – Analyze competitors on positioning, core functions, interaction experience, and visual style to understand market status.

5. Information Architecture – Summarize background, users, scenarios, and competitor insights to map product flows and highlight key interface functions.

Design During

Based on the research, designers define visual style, components, and layout.

Visual Style – Simple, clear, and consistent to match B‑end PMS characteristics.

Color Definition – Primary blue tones reflect the B‑end management tool, with auxiliary colors for accents.

Typography – Use PingFang for Chinese text and the custom Don58 font for numbers to improve readability.

Icons – Linear icons with 2 px strokes add detail without clutter.

Layout & Grid – Left‑side navigation fixed for visibility; main area uses a 12‑column grid based on a 1440 × 900 design baseline, following an 8n spacing rule.

Components – Componentization accelerates development and maintains consistency as features evolve.

Design After

After design completion, designers collaborate closely with developers, ensure high‑fidelity implementation, conduct post‑launch validation, and set up data tracking to support continuous improvement.

My Reflections on B2B Product Design

As a designer, I must deepen business understanding, enhance cross‑team collaboration, and adopt a "small and beautiful" approach—focusing on clarity, efficiency, and low learning cost for complex enterprise tools.

Improving collaboration, mastering the business domain, and delivering concise, effective designs are essential for successful B‑end products.