Cover Image 2.png

#NoCode and #LowCode movement are the Industrial Revolution for tech. I know how to code but would still prefer writing less code if possible. Who doesn’t love doing less work as long as we get to the same destination - launching products?

I shared my cofounder Hua’s Brand Personality Workshop Kit two days ago and got a lot of interest from my newsletter readers. Crafting the workshop props was a source of fun for me, but I want to make it easier for other people to host the workshop, especially online.

One of the key ideas of the workshop kit is the three-sided personality card. Hua designed a genius way to fold the card so that we can easily flip to three different sides as the workshop progresses from step 1 to step 3:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/eeb70de4-005d-4993-bb94-4b19e0ee06ef/card.gif

How to make the digital version of the 3-sided card? I remember Notion has a way to customize card preview using File & Media property, so I create three different properties named A, B, and C for the three sides:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6e6298b6-cd08-4f0a-b584-6ce6c426847c/Create_Notion_Card.gif

Now I can customize the card preview to property A, B, or C. I also set the card size to be large and turn on “Fit image.”

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ab70a72-e1a7-40c4-80bf-aed05678035f/Customize_card_preview.gif

According to the workshop instruction, we need to use side A for step 1, side B for step 2, side C for step 3. To make switching sides easier, I create three different board views named Step 1, Step 2, and Step 3, and set the card preview differently for each step:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7068fd4f-e22f-42ea-9512-7428fcedba91/Create_Board_Views.gif

After adding a column for each step, this is what I end up with. For step 1:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b9a5481f-2712-47d9-af2d-0bd221793486/Step_1.gif

For step 2:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/efee15b1-c6aa-46e4-9efa-37d886e6d5ea/Step_2.gif

For the final step:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/084e7bf4-2b43-4346-a17a-525820c586a6/Step_3.gif

I said “one day” in the title, but truth be told, what I have is only a proof of concept. I am improving it and hope to launch it as a product soon! Stay tuned for the progress update!