Black Swan Press
Visual/Interaction 2017 Black Swan Press was an online literary press I started with a few friends to help aspiring poets and authors get started writing.
The website was a fully responsive Drupal site to accept submissions on any device. It featured a fully CSS3 background and very few and small image files to limit the data that must be downloaded to view it. It was also very accessible and screenreader friendly.
For example, the view that you see on this page was the Home/Landing Page, which does not require ANY traditional bitmap images to be rendered. The Swan logo is an SVG (which is generated through XML) and the background is all generated in browser with CSS3. The total page size is ~130KB!
Try resizing the home page view on this page to see how it looks on different devices.
The website is now defunct, so this mockup is the only remaining arifact of what it used to look and feel like.
Black Swan Press was an online literary press I started with a few friends to help aspiring poets and authors get started writing.
The website was a fully responsive Drupal site to accept submissions on any device. It featured a fully CSS3 background and very few and small image files to limit the data that must be downloaded to view it. It was also very accessible and screenreader friendly.
For example, the view that you see on this page was the Home/Landing Page, which does not require ANY traditional bitmap images to be rendered. The Swan logo is an SVG (which is generated through XML) and the background is all generated in browser with CSS3. The total page size is ~130KB!
Try resizing the home page view on this page to see how it looks on different devices.
The website is now defunct, so this mockup is the only remaining arifact of what it used to look and feel like.