2025

Technology

Docusketch

Redesigned the sketch request form to include exterior sketches, catering to web, iOS, and Android platforms

Docusketch is a leading technology company that simplifies property documentation with AI-powered sketching and 360° virtual tours. Their platform enables professionals to create accurate floor plans quickly, enhancing efficiency and accuracy in the insurance and restoration industries.

View website

A doctor's hand in gloves, giving an injection to a patient
A doctor's hand in gloves, giving an injection to a patient
A doctor's hand in gloves, giving an injection to a patient
A doctor's hand holding an injection on a table beside a stethoscope
A doctor's hand holding an injection on a table beside a stethoscope
A doctor's hand holding an injection on a table beside a stethoscope

The problem

The existing sketch request form only supported interior sketches. The form needed significant modifications to accommodate these new options with the introduction of exterior sketches, including three subtypes. Additionally, several business rules had to be considered, such as contract restrictions, eligibility for overnight delivery, and automatic sketch generation limitations.

The process

Constraints & Considerations
The new form design had to account for:

  • Adding exterior sketches with three subtypes.

  • Mandatory fields for exterior sketches, such as address and extra information.

  • Overnight delivery, available only for interior sketches.

  • Interior sketches were available in multiple formats, but these options were not supported for exterior sketches. As a result, when ordering both interior and exterior sketches together, the request had to be placed using a single, compatible format that applied to both. This ensured consistency while accommodating the system's limitations.

  • Users with automatic sketch generation enabled, who should not see exterior sketch options.

  • Client contracts, which might affect available choices.

Ideation & Solution Design

To streamline the experience while incorporating these complexities, I designed the form with:

Dynamic field visibility

  • If a user selects an exterior sketch, fields for address and extra information become mandatory.

  • If an interior sketch is selected, these fields remain hidden.

Conditional options

  • The exterior sketch option is hidden for users with automatic sketch generation enabled.

  • The overnight delivery checkbox is disabled for exterior sketches.

  • Information bars were strategically placed throughout the form to clearly communicate key limitations, such as supported sketch formats, mandatory fields, and other important constraints. This ensured users had the necessary guidance at every step, reducing errors and improving the overall experience.

Clear information hierarchy

  • A well-structured table at the end of the form displays order details, credits used, and expected delivery times, making it easy for users to review their requests before submission.

Prototyping & Stakeholder Feedback

Using Figma, I created a prototype showcasing

  • A simplified selection process for sketch types.

  • Real-time visibility adjustments for required fields.

  • To enhance the user experience, I developed an interactive prototype that allowed stakeholders to test the form's new structure and functionality. Their feedback confirmed that the overall flow was clear, but it also revealed a significant issue with automatic sketch generation. Due to development constraints, the system could not generate exterior sketches automatically. As a result, users who had this option enabled would never see exterior sketch options, leading to potential confusion.

Solution

As a designer, my role was to effectively communicate these limitations to users. To achieve this, I incorporated clear and timely explanations within the app at key interaction points. For example:

  • Before submitting a tour in the menu, users were informed that sketch generation would be triggered automatically. While they were already aware of this process, they were also notified that, as a result, exterior sketch options would no longer be available in the future.

  • Within the sketch generation settings, a notification was added to clarify its functionality and constraints.

By proactively providing these explanations, users could make informed decisions while navigating the app, ensuring a seamless experience that aligned with both business requirements and technical limitations.

The redesign ensured a logical, user-friendly experience while adhering to business constraints. If further improvements were needed, I would consider creating a user test with customers to validate usability and comprehension.

By balancing user needs with business logic, this redesign significantly improved the efficiency and clarity of the sketch request process.