Prototype
Investracture
A mobile-based application for investments, entrepreneurial partnerships and negotiations

Details
Role
Project Lead & UI/UX Designer
Project Type
Course Project
Duration
3 Months
Status
Mobile Prototype
Recognition
Built With
Figma
Canva
Adobe Photoshop
What it is
The problem
Context
Impact
What I did
- Planning the user flow and information architecture for both MSME and investor sides.
- Designing the interface, reusable components, and interactive elements.
- Building the complete clickable mobile prototype in Figma.
- Designing business listings, profiles, messages, funding screens, and investor portfolio views for both roles.
How I designed it
01
Design the MSME side as a business site
Home, profile, funding, investors, messages, and updates follow the company, not a temporary campaign admin screen.
02
Separate listing from profile
A listing is the discovery summary. The profile is the full business presentation, so investors evaluate the company rather than a campaign card.
03
Show investors a wallet, not a dashboard dump
Holdings, allocation, returns, and history are the home. Public profiles stay light so confidential details are not on display.
04
Keep reusable pieces across roles
Lists, profiles, messages, notifications, and news reuse the same patterns so MSME and investor still feel like one product.
Main features
Business profiles
MSMEs present a lasting profile: products, location, and milestones, not only a fundraising target.
Investor portfolio
Investors track holdings, allocation, returns, and history like a wallet after they commit.
News and alerts
Business updates, funding milestones, and messages without turning the home into a control panel.
Role-based homes
MSMEs get a business site. Investors get discovery and a portfolio, sharing the same product language.
In-app messages
MSMEs and investors talk on the platform. Public profiles omit details that should stay confidential.
Built with
Figma
Built the complete clickable prototype, including MSME and investor screens, listings, profiles, messages, news, and interactive flows.
Canva
Created listing, news, and marketing visuals used throughout the prototype.
Adobe Photoshop
Created and refined the platform logo.
Hard parts and how I solved them
Two products that still feel like one app
A business-site MSME home and an investor portfolio still share lists, profiles, messages, and news instead of splitting into two apps.
Making a prototype feel credible
The screens show the idea of a round and a portfolio so the flow could be judged without a live backend.
Starting both sides without a long setup
MSME and investor each needed a short first path: a profile, a listing, then discovery, without turning the prototype into an onboarding product.
Keeping discovery public and finances private
Listings and profiles show enough to start a conversation, while sensitive investor and financial detail stays off public screens.
Showing an equity idea without a round engine
Funding stages stayed directional. The screens needed to suggest a round without specifying Pre-Seed through Expansion as a finished product.
How it works
1
An MSME lists the business
A listing goes live, then a profile presents the company in more detail.
2
An investor discovers and opens the profile
Browse listings, then review the business, performance, and funding idea.
3
They connect in-app
Messages stay on the platform. Public profiles do not expose private investor or financial detail.
4
The investor tracks the holding
Amount, activity, and MSME updates sit in the portfolio after they commit.
What came from it
What I learned
- The finance sector goes deep. Equity terms, disclosure, and investor protection sit far beyond what a course prototype can fully design.
- These issues are still hard to address. Filipino MSMEs still lack a simple place to raise equity, and the prototype only works around that gap.
- One product is one of many solutions. A clickable mobile flow can show the idea without claiming to fix the whole market.
Screenshots
Entrepreneur Side Pages
Investors List
Directory of potential investors with filtering and profile preview for faster matching.
Investor Side Pages
News and Insights
Market news feed to help users make informed investment and growth decisions.