All projectsProduct design · 2026

A connected maintenance workflow

FixLens

Making rental maintenance clearer, from first report to follow-up.

Property manager portal
Implemented property-manager dashboard showing maintenance cases, status filters and attention markers, with fictional demonstration data.
Renter experience
Presentation layer of the implemented renter Home with added rounded corners, showing an outstanding request with fictional demonstration data.

Help renters explain the problem. Give property managers the context to move it forward.

I independently researched, designed, evaluated and developed FixLens from August–October 2026. AI-assisted development brought the mobile web app and management portal into a functional exhibition application.

Visit the live application

02 The challenge

Reporting a problem is only the beginning.

Three connected reporting problems: unclear issue descriptions, fragmented evidence and communication, and uncertain responsibilities and follow-up.
  1. 01

    Unclear issue
    descriptions

  2. 02

    Evidence and conversation,
    pulled apart.

  3. 03

    Uncertain responsibility
    and follow-up

The design opportunity

How might we make issues easier to explain—and keep the context connected through review and follow-up?

The limits of better evidence

Clearer evidence alone cannot remove approval, cost or contractor delays. The design opportunity concerns communication and continuity, rather than a claim to resolve every barrier to maintenance.

03 Research & design direction

Understand both sides of reporting.

Eight semi-structured interviews explored how issues were reported, which information mattered, and where communication became difficult.

8exploratory interviews
6 renters · 2 landlords

The focus shifted from collecting more photographs to collecting the right information—and preserving its context.

01

Evidence depends on the issue.

An overview establishes context; a close-up reveals detail. Intermittent faults also need timing, triggers and functional impact.

Capture relevant context.

Guide people toward useful information for the issue.

02

Guidance belongs before submission.

Renters do not always know what will help someone assess an issue. Missing details lead to more questions.

Guide, don't overwhelm.

Use manageable prompts and explicit confirmation.

03

A case needs continuity.

Requests and handoffs can spread across channels, leaving renters unsure who is responsible or whether to act.

Keep it connected.

Attach requests, responses and next steps to the case.

Research approach & change in direction

I used coding and thematic analysis to identify recurring patterns across the interviews. I initially approached the problem through spatial and visual evidence; the research broadened the opportunity to relevant information, guidance and continuity as a case progresses.

04 Low-fi exploration

Find the shape of the conversation.

Cropped original Home sketch with Report an issue, My cases, Other questions, recent case and bottom navigation.
A clear starting point
Cropped original overview-capture sketch showing framing, contextual instructions, a photo-library icon, shutter and flash.
Guidance at capture
Cropped original case-tracking sketch with current status, case-progress steps and a What's Next explanation.
Progress and next steps

The direction became a guided conversation with structured information and explicit confirmation, keeping the renter in control.

View the original sketch sheets
Original hand-drawn alternatives for the Home screen, conversational entry, active-case progress, case lists and issue categories.
Navigation alternatives
Original hand-drawn concepts for guided evidence capture, reporting steps, case status and next actions.
Capture and progress
Original hand-drawn reporting sequence covering confirmation, issue understanding, evidence capture and review.
Connected reporting flow

05 Mid-fi → Hi-fi

Structure the journey.
Refine the interaction.

Home & navigation

Same starting point.
A more considered interface.

Three clear entry points. A recent case. Navigation always within reach.

Mid-fi grayscale Home wireframe with Report an issue, My cases, Other questions, a recent case and bottom navigation.
Mid-fi
Hi-fi prototype Home with a prominent report action, navigation and a recent case but no outstanding-request card in this state.
Hi-fi
The original Mid-fi and Hi-fi artifacts, shown separately.

Give progress a place.

From case progress to a timeline of activity.

Mid-fi

Mid-fi case-progress wireframe showing awaiting landlord approval, no renter action required and a vertical progress timeline.

Hi-fi

Hi-fi prototype case detail showing approval status, a progress timeline and recent case activity.
Explore the reporting flow
After the safety choice

Danger reported →

Hi-fi reporting danger branch advising the renter not to approach the affected area and showing a Go back control.
Avoid approaching the area; contact relevant help.
or

Safe to continue →

Hi-fi reporting safe branch introducing overview, close-up and proposed video evidence before Start guided capture; video was a prototype-only plan.
Introduce the planned evidence sequence.
Prototype scope & capture exploration
Mid-fi overview-capture wireframe with a camera preview, framing prompt, step indicator, photo-library button, shutter and flash control.
Mid-fi capture wireframe

The Mid-fi capture wireframe established framing prompts and the planned evidence sequence. A corresponding cleared Hi-fi capture screen is unavailable, so it is not used in the slider.

The timeline and editable fields already existed before evaluation. Video was proposed in the prototype, but a complete recording flow was not delivered.

06 The implemented experience

One case. Two connected perspectives.

Guided reporting

Turn descriptions into structured reports.

Describe the problem in your own words, then review the interpreted issue type, location and observed condition. Correct the details before proceeding.

Implemented reporting flow presenting a structured water-leak interpretation with Edit description and Looks right controls, using fictional local data.
Implemented report-review screen showing structured details, an Edit details control and photo-replacement option, using fictional local data.
Evidence capture & safety

Useful guidance.
Room for recovery.

Overview and close-up photos add context. Previews, retaking and the device picker support recovery when camera access fails.

If approaching the area may be dangerous, a separate reporting path continues without photographs.

Implemented camera-permission recovery screen offering another camera attempt or the device photo picker.
Implemented safety-report detail allowing a report without photos when approaching the area may be dangerous, using fictional local data.
Connected follow-up

Know what is happening—and when to act.

Action Required on Home links to outstanding requests. Status, responsibility and next steps stay with the case, alongside the renter's response and PM review state.

Implemented renter Home showing an Action Required card and a direct Provide details button, with fictional demonstration data.
Implemented case-status detail separating current status, property-manager responsibility, renter action and next step, using fictional local data.
Implemented resolved information-request history retaining the renter's written response and review status, using fictional demonstration data.
Property manager workflow

Connect evidence to the next decision.

Find and review cases, request specific evidence, inspect responses and record the next workflow action.

Property manager portal
Implemented property-manager dashboard showing maintenance cases, status filters and attention markers, with fictional demonstration data.

Specific requests.
Explicit actions.

Typed requests clarify what is needed. Manual actions and review confirmations connect the response to the management workflow.

Implemented PM information-request dialog offering overview photo, close-up photo or written details and an instructions field, using fictional data.
About the product captures & delivered scope

These authentic implemented screens use fictional demonstration data in an isolated local client. Independent screen layers are arranged for presentation. They are not production records or a new validation of live AI/backend services.

Ordinary reports still require two photos; danger reports can continue without them. The captures do not validate physical camera or torch performance, or computer vision. The PM request dialog is shown without sending a new request.

The exhibition application does not provide a working general PM inbox, real contractor integration or email/SMS delivery. Experimental network vision is disabled; complete video recording and full AR are outside delivered scope.

07 Hi-fi prototype evaluation

Strong scores.
Specific interaction problems.

A moderated formative evaluation combined five tasks, think-aloud feedback, adapted task-ease ratings and SUS.

91.7 out of 100

Mean System Usability Scale

4.30 out of 5

Mean adapted task ease

6 people

Five tasks · Hi-fi prototype

Where the friction appeared

Mean adapted task ease · 1 very difficult → 5 very easy

  1. T1Start a maintenance report5.00
  2. T2Capture and submit evidence4.67
  3. T3Review a report and request evidence as PM3.67
  4. T4Respond to a follow-up request4.33
  5. T5Locate property-manager contact details3.83

What the scores didn't resolve

  • Follow-up requests were not always noticeable.
  • Status could leave responsibility unclear.
  • Emphasized PM recommendations could influence decisions.
  • Contact details were difficult to find; some participants wanted more capture flexibility.

PM review and contact discovery were the lowest-rated tasks.

Study scope & interpretation

Six participants completed five tasks with the Hi-fi prototype. PM tasks were role-played rather than completed by professional property managers. These metrics belong to that formative prototype study, not the implemented application. There was no formal usability retest of the deployed product.

08 Iteration & development

Make the intended interactions work.

Follow-up visibility

Surface the next action on Home.

The prototype shows a recent case. The implementation brings eligible outstanding requests onto Home with a direct response action.

Hi-fi prototype

Hi-fi prototype Home with a prominent report action, navigation and a recent case but no outstanding-request card in this state.

Implemented product

Implemented renter Home showing an Action Required card and a direct Provide details button, with fictional demonstration data.
Report review & editing

Make the designed controls functional.

Editable fields were already designed. Implementation adds report edits, photo replacement and safe retries.

Hi-fi prototype · field detail

Hi-fi prototype detail showing existing Edit controls beside issue type, location and occurrence fields.

Implemented product · review

Implemented report-review screen showing structured details, an Edit details control and photo-replacement option, using fictional local data.
PM decision controls

Make management actions explicit.

Controlled manual actions and confirmations replace recommendation-style prompts. AI does not make PM decisions.

Hi-fi prototype

Hi-fi prototype PM decision panel recommending landlord approval, with a primary approval button and secondary alternatives.

Implemented product

Implemented manual PM workflow panel with a primary Request landlord approval button and a secondary Request more information action, using fictional data.
Reading these comparisons

The Home comparison uses different case data and states; discoverability was not retested. The report review comparison places a prototype field detail beside a product viewport, rather than matching whole screens. Editing and the timeline predate evaluation, and the planned video step was not delivered.

Approval remains visually primary in the implemented PM controls. Decision bias was not shown to be eliminated, and contact functionality remains limited. No post-implementation usability improvement is claimed.

Implementation notes

Implementation brought feedback, recovery and state consistency into focus. These are delivered refinements, not measured usability improvements.

I developed FixLens with AI assistance. React and TypeScript support the frontend; Supabase provides database services, private evidence storage and server-side functions. The frontend is hosted on Vercel.

Bounded AI-assisted interpretation returns structured information for renter confirmation rather than automatic diagnosis. Persisted cases, evidence, requests and review states connect the workflow. Permissions, error recovery, data handling and state consistency required decisions beyond the Figma prototype.

The result is a functional exhibition experience, not a fully validated commercial platform.

09 Reflection

Good evidence is not always more evidence.

Research shifted my focus from photographs and AI toward relevant information, clear responsibility and continuity across the reporting journey.

Designing for both sides taught me to connect decisions across a service. Building the application revealed what a working system must reliably support beyond what a prototype communicates.

If I continued

Evaluate with professional property managers. Adapt evidence requirements. Improve contact pathways. Test the deployed experience with real users.

Enlarged project image