joiin
Collaborative platform for real-estate discovery and investment
Role
Lead product designer
Information architecture
Product strategy
Deliverables
Product maps & information architecture
Cross-feature user flows
Feature prioritization roadmap
Wireframes & interactive prototype
High-fidelity mobile interface
Summary
Joiin was a pre-launch mobile product for people investing in real estate together. Its core capabilities, finding properties, connecting with investment partners, messaging, and managing project roadmaps, had been developed as separate features, making the overall experience difficult to understand and navigate.
I mapped the complete product, restructured its navigation and cross-feature flows, prioritized missing capabilities, and redesigned the core interface into a more coherent mobile experience.
Problem
The product lacked a clear center of gravity. Listings were difficult to scan, messaging was buried beneath notifications, and project roadmaps did not clearly communicate property context or progress.
The app’s primary objects- people, properties, conversations, and investment plans- did not move naturally between features. This obscured Joiin’s collaborative value and made common workflows unnecessarily long.
I mapped the complete product, restructured its navigation and cross-feature flows, prioritized missing capabilities, and redesigned the core interface into a more coherent mobile experience.
PRoduct redesign
I reorganized the product around four primary areas: Connect, Messages, Market, and Roadmap.
Roadmap
- The old card did not allow for sufficient display of the property’s main photo without opening the listing. Scannability has been greatly enhanced with these updated cards, and I maintained important attributes.
- There’s a more thorough diffusion of the ‘Connections’ aspect throughout the product now, with photos of the listing user, and notes about properties listed by ‘Your Connection.’ This highlights & encourages the app’s social nature.
- The color scheme has been updated to allow for consistency across the application, and distinction within the app category.
Roadmap
- The old view had a fluid line within the Phases that added to the cognitive load of figuring out how many of the standardized steps within had been fulfilled/ remain.
- The new view shows at top-level which property is under consideration, without having to look for further info.
- Multiple properties can now be viewed in the same screen via the carousel.
- Partners may now be messaged directly from the roadmap.
Messages
- There is now a stand-alone tab for messages, which were previously relegated to a notification badge on the bell icon.
- Elevating this to a tab reinforces the social nature of the product.
- As shown here, roadmaps can now be linked to right inside of a message, allowing for fluid collaboration. Properties and connection profiles can be shared here as in-app links as well.
Product-wide interaction maps
I documented every first-level feature, action, modal, and decision path across Connect, Market, Messages, and Roadmap. These maps exposed dead ends, repeated actions, and unnecessarily long routes while providing a shared structure for feature prioritization and interface design.
I then restructured the app to consolidate duplicate paths, shorten common tasks, and establish consistent ways to move properties, profiles, conversations, and roadmaps between sections. Previously isolated features became a connected workflow spanning property discovery, partner collaboration, and investment planning.
ResultS
Within three months, the product team implemented the revised structure and core interface established through the maps, wireframes, and prototype.
The redesigned prototype supported a successful $220,000 angel investment round. One investor described it as a:
“Mature, productized interface that makes the vision feel real.”