Develop a UI prototype of biological strategy search engine

[bruffridge]

Can use ReactJS for this or a lightweight prototyping tool such as one of these: https://webflow.com/blog/prototyping-tools

Biological strategies will be short summaries like the ones on AskNature:

"Three muscle fiber patterns inside trunks work together to provide the strength, support, and resistance needed to bend and twist with extreme agility." https://asknature.org/strategy/how-elephant-trunks-twist-and-twirl/

Show a design sketch image along side the strategy text. Some example sketches are shown here: https://toolbox.biomimicry.org/methods/abstract/.

We'd like to eventually create these sketches using AI text-to-image generation.

It may also be useful to allow a user to see different variations of the strategies depending on their role: (practitioner, engineer, biologist). If they select biologist, display the biological strategies and sketch. If engineer, display the abstracted version, with biology terms replaced with functional basis synonyms. The design sketch should also be abstracted. For practitioner, display abstracted summary described at a high-school level, with general discipline-neutral terminology.

[bruffridge]

In addition to free-form search box, we may want to keep categorical filters, for users that want to use a guided browsing approach. (this idea came from an engineer)