Happy 2022! I am returning to blogging after the holidays. Over the past week I have been busy designing the web page of our new medical startup (still in stealth, so I cannot show it to you yet…).
The more I thought about this page, the more I came to the conclusion that the web presence of this company at this stage should be a pitch deck to potential partners, rather than the usual feature list and headshots of the management team.
Most “presentations” on web pages are either a static gallery of images/screenshots, or an embedded video., but this layout does not look very good across a wide range of unpredictable screen sizes. For a chart to look good on different screen sizes, and more importantly different aspect ratios (phones are portrait, computers are landscape), you need to break the fundamental layout of the page.
Most slides have the classical title-on-top, content-in-a-rectangle-below layout. For my site, I changed that to 2 squares, one of which takes the role of the slide title with a big written message, and 1 with a supporting graphic. The layout changes depending on the device you are watching the site.
This layout change is common on web sites, but it is used a bit randomly. Pictures and text blocks move around disconnected depending on the screen size. For a “presentation” you need tighter control.
Another major problem for a web designer is rapidly changing content. It is common to make small and big changes to pitch decks all the time, while websites are relatively static. To solve this, my experience with SlideMagic came in very handy. I wrote a simple chart engine that reads “slides” with their titles and shapes in a simple format, and then renders them on the screen in the desired aspect ratio.
Maybe this quick tool will turn out as the “Slack” of my venture. (Slack was born as an internal tool of a gaming startup…).