Challenge Summary
About this Web Application:
Pangea is a web app that allows investors to manage fractional ownership in many different real estate properties, trade shares/tokens of ownership, and view listings for new investments. The goal is to open up real estate investment to anyone, anywhere and allow them to buy or sell partial ownership in properties as easily as making trades on E-trade.
Very excited to see your wireframes for this challenge!
Round 1
Submit your initial wireframes for checkpoint review.A. General:
00 Splash Page (landing page - not logged in)
01 Sign in / Sign up
B. Logged in View
05 My Portfolio
06 Browse Properties
07 Property Dashboard
08 Crowdfund Dashboard
09 Trade Property tokens
Round 2
Submit your final wireframes with all checkpoint feedback implementedA. General:
00 Splash Page (landing page - not logged in)
01 Sign in / Sign up
02 About
03 FAQ
04 404
B. Logged in View
05 My Portfolio
06 Browse Properties
07 Property Dashboard
08 Crowdfund Dashboard
09 Trade Property tokens
C. Admin
10 Distribute Property tokens
11 Browser Investors
Feel free to add any screens which are necessary to explain your concept.
Challenge is to come up with wireframes for a real estate crowdfunding, portfolio management, and trading web application.
Wireframe Expectations:
- Wireframe needs to be Professional, clean, easy to read and look at
- Upbeat and positive with a slight investor/trader style
- This application will likely use Bootstrap, so think about having responsive layouts
- Needs to be internationalized in the future (although not a requirement for this challenge), right to left Arabic layout and translation will be important in a future phase so keep that in mind.
- Create your wireframes for desktop view, have width as 1280px and height as required.
Required Screens:
We need below screens to be included in the wireframes, feel free to add any additional pages as required to show the flow of your concepts
A. General:
00 Splash Page (landing page - not logged in)
- Jumbotron & hook (Large background image / visual with easy title, hook, and call to action)
- 3 step summary (a 3 column section that shows how easy it is to get started on the platform. Should have icons/visuals, a one phase statement, and details below easy step. For example, sign up, selct properties you like, and start investing)
- Browse properties section (probably display 2 to 3 properties and then take them to a view with all properties/ we are open to your ideas).
- Investor benefits with a summary image
- User quotes (3): This is kind of testimonials (user experience in using this web app)
01 Sign in/ Sign up:
- Provide a way for the users to login to the application.
- Include all necessary UI elements for a login page (remember me, Forgot Password, etc)
~
- Also provide a way for the user to Sign Up with this web application.
- There will be a KYC (know your customer) verification process (This is an offline process but need to reflect the step in the wireframes. So have a "waiting on KYC" disclaimer on signup and possibly a status of the KYC process on investor profile page.)
02 About:
- This page will have the about us information
03 FAQ:
- Show us how the FAQ page will look like
04 404:
- We would like you to include an error page / this page is shown in-case if the requested page doesn’t exist (think something fun but stick to the concept)
B. Logged in View
05 My Portfolio
- This page shows the summary details (Property Basic Layout and token holdings) up top including current value, return, number of holdings, etc.
- List all the properties I've invested in as cards with basic metrics.
06 Browse Properties:
- View all properties in cards (Property Basic Layout) with basic metrics and allow paging
- Allow the users to filter through the listing.
- Please see a reference / something similar here Rooftop Property Listings
07 Property Dashboard:
- Property dashboards should provide all details and due diligence on the opportunity and include crowdfunding functionality for purchasing a stake.
- Please see a reference / something similar here Rooftop Property Dashboard
08 Crowdfund Dashboard:
- This shows the summary of the property profile
- Crowdfunding functionality including ability to offer contribution (USD) and funding progress bar.
- This will be similar to Kickstarter or Tilt.
09 Trade Property tokens
- While viewing all your holdings in a specific property on the My Portfolio screen
- Select the amount of tokens you want to trade, the investor to send them to, and the price
- Show that the trade has been sent
- Please see a reference / something similar here https://tokit.io/guides
C. Admin
10 Distribute Property tokens
- Select a property and select the number of tokens to issue
- Select different investors and the number of tokens they should receive
- Please see a reference / something similar here https://tokit.io/guides
11 Browser Investors
- View all investors in the system in a via panels/cards and allow paging
~
User Flows
Potential Investor
- Lands on the splash page
- Scrolls down through 5 sections (Jumbotron & hook, 3 step summary, Browse properties section, Investor benefits with a summary image, User quotes (3))
- Signs Up/In with Username/password
- Simple KYC verification process (This is an offline process but need to reflect the step in the wireframes. So have a "waiting on KYC" disclaimer on sign up and possibly a status of the KYC process on investor profiles.)
Investor side
- Login page
- My Portfolio page
- Browse new listings
- Select individual listing
- Scan property dashboard & sale dynamics
- Participate in crowdfunding sale
Trading property tokens the investor currently owns
- Investor logs in
- My Portfolio page
- Selects a property she owns
- Indicates she wants to trade some tokens
- Selects the investor, number of property tokens, and price ($USD)
- Sends the tokens
- Other investor receives request and accepts
Admin
- Admin logs in
- Create a new batch of property tokens
- Distribute the tokens to different investors
Sections/cards & Fields
Please include sections or cards for each grouping below with the required fields:
Property Basic Layout (The 'Property Basic Layout' should be a summary section displayed on the 00 splash page, 01 My Portfolio, and 02 Browse Properties)
- Main Property Picture
- Address
- Number of units OR bed/bath
- Price/Valuation
- Sqft
- Year built
- Current Rent
- Five year return
- Neighborhood
Property Dashboard Layout (This Property Dashboard Layout should go on the 03 Property Dashboard)
- 'Basic Property Layout' +
- Slider for multiple images
- Also inclide all layouts below:
Property Investment Layout
- Initial Investment
- Current Rent
- Appreciation
- Cap Rate
- Cash Flow per token
- 5 year cash return per token
- IRR / token
Property Rent Layout
- Rent Status: Occupied
- Lease Started
- Lease Ends
- Security Deposit
- Lease Concessions
Property Expenses Layout
- Property Manager
- Insurance
- Utilities
- HOA
Charts
- Cash flow gains
- Appreciation gains
Property Token Layout
- Total Tokens
- Total Outstanding Tokens
- Number of Investors
- Average investment amount
References:
There are Similar Applications / Web sites, please DO NOT COPY, they are provided to help you understand
RE Crowdfunding
- https://www.roofstock.com/ (favorite)
- https://fundrise.com/
- https://www.realtymogul.com/
- https://www.realtyshares.com/
For token distribution
- https://singulardtv.com/
Target Audience
- General consumers
- Early 20's to 50's, professionals, educated, medium-high net worth
- Investors and Trader
- College students
- Millennials, young urban professionals, technophiles
Comfortable using Gmail, Etrade, Mint, Quickbooks, popular web apps, Instagram, Robinhood, popular mobile apps
- Initially focused on US-based English speakers but will be going international (esp. Arabic) in the next interaction
Tools of Trade:
New to Axure:
Axure is a Simple and easy Rapid Prototyping Tool, please visit http://www.axure.com/support to learn more
Sketch / HTML:
- You are also allowed to design your screens in sketch and create interaction in marvelapp (you can request a marvelapp link in the forums).
- NOTE: If you are designing in sketch it is mandatory that you create the flow using marvelapp / invision as we are expecting to see a clickable wireframes in this challenge.
- You are also allowed to submit pure HTML wireframes
Judging Criteria
- Completeness and accuracy of your wireframes
- How well your wireframes provide a consistent user flow
- Think about the User experience of the application
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Wireframes should be built in HTML or Axure or sketch (with interaction in marvelapp / invision)
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.