Organism / Key-Driver Metrics

--- tags: organism --- # Organism / Key-Driver Metrics This organism is a part of the company Deal Room. Allowing founders to highlight and show off key business metrics and drivers that add toward their company valuation. Even if the company has not completed a Raise valuations report, they are able to add Key Drivers. ## States & Variables ... ### Founder View #### Happy State This is what the Key Drivers organism will look like once the founder has filled it out. <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%3D21251%253A89938" allowfullscreen></iframe> ##### Variables - The main variable in this organism is the amount of Key Drivers added, and how they will display. This design layout should be responsive, for example, if a founder has only added 2 Key Drivers, they will stretch to fill the row. Similarly, if they create 6 key drivers, the top row will show 4 and the bottom row will show 2. - If the founder adds an odd number (e.g 1,3,5,7), I suggest they remain they original size and do not stretch. - See below... <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%3D21251%253A90197" allowfullscreen></iframe> ... #### Empty State This will be the empty state until the founder has filled out their Key-Drivers. <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%3D21251%253A89978" allowfullscreen></iframe> ... #### Edit View Here the founder can fill out the data required for their Key Drivers, adding a name and value to each one. This "Value" could be financial ($), or perhaps a unit amount (e.g "Shirts Sold"). <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%3D21251%253A90183" allowfullscreen></iframe> ##### Variables - If the founder choses not to add Custom Key Drivers, there will only show the one input/add row, waiting to be filled if needs be. As shown here, if a Key Driver is added, it will sit below this "add" row, with the ability to delete it using the bin icon. ... ### Investor View The investor will see the exact same layout of Key Drivers as the founder, however, they will not see the [Primary](https://hackmd.io/b-Z5C1zRQlC_2uZjcCaBvA) Edit button. <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%3D21251%253A90016" allowfullscreen></iframe> ... #### Variables - Again, similar to the founder view, the amount of Key Drivers will vary from company to company, and so the repsonsive view of key drivers will adapt depending on how many the company add.