# BuildIn - Saas & UX UI Design URL: https://rondesignlab.com/cases/buildin-saas-ux-ui-design > Stop wrestling with clunky software. BuildIn is a powerful SaaS platform, crafted with expert UX/UI design ## BuildIn - Saas & UX UI Design ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755182945/buildin_saas_about_screen_c3e9ee60f3.jpg) ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755182945/buildin_saas_logo_55624766a8.jpg) Strategic Plan ## Driving clarity through visual strategy > We transformed complex data into actionable visual formats. > > — Victoria P., Team Lead > We designed a clearer way to track progress visually and instantly. > > — Mari S., COO > Our aim was fast decisions enabled by speed and clarity. > > — Stan D., CIO ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755197741/buildin_saas_strategic_plan_e8684ee748.jpg) ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755197741/buildin_saas_details_4b547a1967.jpg) User Insights ## Revealing critical patterns from feedback User interviews and support tickets showed low satisfaction with unclear data visuals and navigation issues. Teams reported delays due to the lack of real-time insights. We used these findings to refine BuildIn - Saas ui / ux and reduce friction in task execution. ## Key highlights from the interview ### 67% – Struggle with tracking What causes delays in tracking construction progress in teams? ### 72% – Find reporting inefficient Why is traditional reporting considered inefficient by most professionals? ### 45% – Detect issues faster How does 3D visualization improve task clarity and issue detection on-site? > User insights uncovered slowdowns in tracking and communication, guiding us toward faster, more visual solutions. > > — Victoria P., Team Lead ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755197989/buildin_saas_insights_c4b3646ddd.jpg) ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755197988/buildin_saas_mobile_e42995ec70.jpg) Problem & Solution ## Turning complexity into patterns Users of similar construction dashboard apps struggled with cluttered layouts, static reports, and disjointed tools. Complex data wasn’t actionable, which slowed decision-making on site. BuildIn - Saas project addressed this by simplifying the interface and connecting real-time site visuals to performance metrics. > Progress tracking was vague, making coordination inefficient and time-heavy. > > — Victoria P., Team Lead ## Solutions We restructured the dashboard to present complex construction data in a clear, visual format. Custom filters and modular widgets helped teams focus on relevant metrics without distraction. Real-time syncing across devices ensured that on-site and remote users stayed aligned. ### 01 – Interactive visualization We added interactive 3D project models to boost spatial awareness on-site. Teams can rotate, zoom, and explore layers directly from the dashboard. This helped reduce miscommunication between on-site and remote teams and improved clarity in daily briefings. ### 02 – Real-time data We redesigned the dashboard with real-time visuals and task updates for quicker decisions. ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198181/buildin_saas_problem_solution_e8a02ea020.jpg) ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198180/buildin_saas_desktop_mockup_417348896c.jpg) Landing page ## Showcasing benefits with clear storytelling We designed the BuildIn landing page to highlight its real-time tracking, 3D integration, and team collaboration features. Key UX goals included clear visual hierarchy and conversion-focused CTAs. This structure improved time-on-page and increased demo signups by 34%. > We created a landing page to communicate BuildIn’s real-time features, 3D support, and benefits to teams managing complex construction sites. > > — Victoria P., Team Lead ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198343/buildin_saas_landing_page_6db867e0fc.jpg) ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198344/buildin_saas_landing_screen_905fe9063f.jpg) System Usability Score ## Enhancing systems with usability validation We conducted a SUS test to evaluate changes in BuildIn UX. The score reached **77**, rated as **excellent** by industry benchmarks. This confirmed improved user efficiency and reduced cognitive load across primary workflows. ## Key questions from the interview ### Group A – 82% Was it easy to track progress using the mobile app from the first try? ### Group B – 78% Did the app help you complete site tasks without unnecessary steps or confusion? ### Group C – 74% Did the mobile design support better team coordination and faster response? > Seeing these metrics validated our approach – clarity and real-time tools truly changed the way teams work. > > — Tyler B., UX Architect ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198560/buildin_saas_sus_survey_dc4f3784c9.jpg) ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198559/buildin_saas_branding_cb2711cfa1.jpg) Mobile app ## Effortless management with visual tools First of all, we optimized BuildIn mobile UX/UI for quick access, minimal load times, and reliable performance in low-connectivity environments. We prioritized tap-friendly elements, lightweight structure, and offline support to enhance on-site reliability. ## Key Features ### Site section navigation Users can select a specific site section to access its equipment progress and live activity metrics in real time. ### Progress analytics Analytics show completion, cut/fill volumes, and daily progress for faster site checks. ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198692/buildin_saas_mobile_app_3512d2c067.jpg) > We developed the BuildIn app with a balance between real-time needs and spatial clarity in mind. > > — Mari S., COO ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198779/buildin_saas_mobile_app_development_05ff3109ba.jpg) Typography ## Defining identity through visual clarity In BuildIn - Saas example, we selected **Outfit** typeface to ensure high readability in both mobile and desktop views. The choice reflects BuildIn’s emphasis on clarity, speed, and usability in high-pressure construction environments. The font supports multilingual use and maintains visual consistency across screens. ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198873/buildin_saas_typography_color_491cc2b84d.jpg) Colors ## Choosing a color palette Balanced colors enhance usability – warm neutrals for comfort, bold accents for urgency. This supports user attention across dashboards and alerts without overwhelming the layout. The palette aligns with construction site themes and improves element prioritization. ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755198987/buildin_saas_colors_723fa57dba.jpg) Brand Identity ## Designing confidence into every pixel We designed outdoor advertising banners and printed materials to align BuildIn’s visual identity across physical environments. These assets were tailored for construction sites, industry expos, and stakeholder presentations. Our focus was on clarity, strong messaging, and consistency with the digital experience. Engagement with printed visuals rose by 45%, supporting brand trust across stakeholders. ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755199089/buildin_saas_branding_identity_8ef95bd62d.jpg) Project Result ## Boosting visibility, speed, and sync Redesigning the app’s visuals and progress tools solved critical delays and boosted team clarity. Crews now act faster, spot issues earlier, and stay aligned on site. > Real-time tracking helped eliminate delays and confusion – our crews finally worked in sync and stayed updated on the fly. > > — Ethan Grayson, CEO - BuildIn ## Key Outcome ### 60% – Efficiency Transparency up 60% – better project visibility. Improved alignment between teams led to faster decision-making and reduced miscommunication across departments. ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755199235/buildin_saas_project_result_495fb4333a.jpg) Next Iteration ## Shaping smarter workflows through tech We are now preparing to scale BuildIn through AR and AI integrations. Augmented Reality will allow teams to inspect on-site progress through mobile devices, layered over real environments. AI will analyze trends and recommend actions to reduce errors. These steps align with the client’s goal to improve tracking efficiency and reduce manual reporting. > We are planning to expand our capabilities with AR site inspections and artificial intelligence analytics for more efficient tracking. > > — Ethan Grayson, CEO - BuildIn ![](https://res.cloudinary.com/ducxztw9n/image/upload/v1755199365/buildin_saas_next_iteration_d0250c3992.jpg)