🧱 B2B Sign - Simplifying Offer Creation for Professionals on the Go

B2B Sign is a mobile platform that helps craftsmen, construction workers, and small business owners create and manage professional offers (offerts) directly from their phones - quickly, easily, and without paperwork.

From scanning project photos to tracking deal status and managing credits - the app gives professionals full control over their business on the go.

I was responsible for:

  • Full UX & UI design of the mobile app

  • User research, flows, and interaction design

  • Creating the design system from scratch

  • Prototyping, testing, and dev handoff

🧭 Project Overview

  • My Role: Lead UX & UI Designer

  • Team: Product Owner, Developers, QA Testers, Stakeholders

  • Timeline: 3 months

  • Client: Swedish Construction Tech Company

  • System thinking: balancing 3 complex user types with shared and unique needs

  • Strategic design: aligning user goals with business objectives

  • Scalable UI: design system reduced future design time by 50%

  • Leadership: acted as bridge between design, tech, and business teams

✨ My Learnings & Highlights

💬 Final Reflection

B2B Sign proved that even traditional industries can benefit from thoughtful UX.
By putting the tradesman’s real-life context first, I designed a tool that feels less like “software” and more like a trusted assistant in their pocket.

👥 User Persona

Location: Stockholm, Sweden

Tech level: Average smartphone user

Goals:

  • Quickly create professional-looking offers

  • Keep track of previous jobs and offers

  • Understand how his business performs financially

Pain Points:

  • Spends too much time on admin tasks

  • Hard to track which offers were accepted or rejected

  • Needs a system that’s simple enough to use between jobs

“I don’t want to deal with Excel or paperwork. I just want to send an offer before I forget the details.”

👷 Luke, 38 - Painter & Small Business Owner

🧩 The Design Process

1️⃣ Research & Discovery

  • Conducted interviews with tradesmen and contractors (painters, plumbers, electricians)

  • Reviewed existing invoicing and offer tools (local and international)

  • Mapped out the typical offer creation journey - from site visit to approval

Key Insight:

“Tradesmen need simplicity and speed. Every extra step risks them not finishing the process.”

2️⃣ IA & Flows

Created core flows for:

  • Offer creation

  • Credit management

  • Dashboard overview

  • Camera and scan integration

  • Offer history and status tracking

The architecture had to be simple yet powerful, enabling professionals to do everything with one hand on the phone.

3️⃣ Wireframes & Testing

  • Started with low-fidelity mobile wireframes in Figma

  • Tested with 5 users to ensure clarity and minimal steps per action

  • Simplified complex forms with progressive disclosure (show fields as needed)

Result: Reduced offer creation time by ~40% during testing.

4️⃣ UI Design & Design System

Built a mobile-first design system tailored for professionals on the move:

  • Bold typography for outdoor readability

  • Large tap areas and clear CTAs for gloved hands

  • Iconography optimized for quick recognition

  • Light, modern color palette with strong visual hierarchy

Created reusable components for:

  • Offer cards

  • Status indicators (Pending / Sent / Approved / Declined)

  • Credit balance and usage widgets

  • Dashboard charts and statistics

The interface was designed to feel professional yet approachable - empowering users to trust their own business data.

5️⃣ Prototype & Development

  • Built a clickable prototype to demonstrate end-to-end flow

  • Worked closely with developers to define logic for credit usage and document generation

  • Participated in QA testing to ensure design fidelity across iOS and Android

💡 Key Features Designed

📋 Offer Creation

  • Add client details, project descriptions, prices, and images

  • Attach photos taken or scanned directly in the app

  • Generate PDF offers automatically with company branding

💳 Credits System

  • Purchase and track credits (each offer creation uses credits)

  • Integrated payment flow (Swish/ Apple Pay / Card)

📈 Dashboard

  • See sent offers, accepted rates, total revenue, and client stats

  • Visual overview of business health

📷 Scan & Capture

  • Take or upload project images for offer documentation

  • Use OCR to extract text from documents and invoices (future feature)

📊 Impact

✅ Offer creation process shortened from 15 min → under 5 min

✅ Early users reported feeling “more professional and in control”

✅ Client praised UI for being “clean, modern, and extremely intuitive”

✅ Design system reused for future company apps - saving dev time