Organism / Deal Room Header

--- tags: organism --- # Organism / Deal Room Header This is a run down of the Deal Room header in its different states, both seen by founder and investor. The only significant change between each state is the actionable buttons, such as Upgrade, Launch, Pause, Resume, Make Offer, etc. <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14188%253A1362" allowfullscreen></iframe> ... ## States & Variables ## Investor View This is what the organism looks like on the investors side of the Deal Room. The action buttons within the investor view allow them to: - Invest (Primary Button) - The investor can make an offer/commitment to the company Deal Room - Request Further Data (Secondary Button) - The investor can prompt an email to open, asking to request further data from the company's Deal Roo (this could be documents, financial data, audits, etc). - Edit Dropdown - I imagine this would allow the investor to "Revoke Access to Deal Room" <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14209%253A1553" allowfullscreen></iframe> ... ## Founder View This is what the organism looks like on the founders side of the Deal Room. There are a multitude of different states, however they mostly differ due to the buttons and their different states of engagement. ### No Terms Added This is what the Header organism looks like before a founder/company has attached a scenario to their deal room. - The primary button displays as "Create a Scenario", prompting the founder to create and attach a scenario to their Deal Room. - The amount tag reads as "No Scenario Attached" in HEX Code: **F5A623** <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14209%253A1750" allowfullscreen></iframe> ... ### Scenario Attached Once a scenario has been attached, both the badge and action buttons will change to suit the state of the founders progress. The badge will turn to the colour green (00D97E), displaying the amount the company is aiming to Raise from the deal. The buttons will also change to secondary and tertiary styled buttons. The secondary styled button will focus on allowing the founder to submit their deal room for review. The tertiary styled button will focus on Upgrading and Launching a Deal. #### Pre-Upgrade Before the founder can launch their Deal Room and invite investors, they must first upgrade their plan to the Grow (or Scale) package. The ["Upgrade to Launch Button" will open this modal.](https://hackmd.io/OaShShx4TrCEFhGzVrMN5A) <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D19817%253A0" allowfullscreen></iframe> ... #### Pre-Launch (Post-Upgrade) / Submitted for Review This is what the Header organism looks like once a founder has upgraded their Raise package (and can now launch their Deal Room), as well as what the "Submit for Review" button looks like once its been pressed (changes to -> "Submitted for Review" to indicate the review is pending and the button is no longer active). - If the founder choses to Launch their Deal Room, it will open this [Launch Deal Room modal](https://hackmd.io/F6KiEyhFTCK29OcBAtNXFQ?both). <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D18725%253A543" allowfullscreen></iframe> ... ### Active Deal This is what the organism looks like after a founder has launched their Deal Room. The buttons change to a primary and secondary button styling, allowing the founder to either Invite New Investors (Primary - 2C7BE5) which opens the modal, or Pause/Resume their Deal (Secondary - E3EBF6). #### Variables - Deal Room Active - Deal Room Paused <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14209%253A2203" allowfullscreen></iframe> <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D24932%253A0" allowfullscreen></iframe> ...