Real projects, real screens.
Websites, web apps, posts and films I designed and built, live and in use. Filter them by what each one needed.
Filter by what it needed.
My own projects, from the tools site to its videos. New ones join as they go live.
- Website and web apps
tools.benibix.com
Free tools for developers and data people: every tool its own page, guide and lessons, all on one design system in light and dark.
- UX and structure
- Design system
- Web apps
- Launch
- Website
design.benibix.com
This site: my design work, sixty-nine styles and a whole example site for every one, each with its own colours, type and dark look.
- UX and structure
- Design system
- 69 example sites
- Website
benibix.com
The home of BENIBIX: what it makes, who makes it and how to get in touch, with the legal pages in English and German.
- Structure
- Design
- Build
- Launch
- Web app
Report Design Studio
A whole report theme designed in the browser, with every chart previewed live and the file ready to load.
- UX
- UI
- Build
- Web app
Icon Studio
Free icons from open sets, searched, styled and exported as SVG or PNG in a few clicks.
- UX
- UI
- Build
- Social posts
The launch carousel
Eight slides that tell the launch of the tools in one swipe, from the problem to the tools, in light and dark.
- Story
- Slide design
- Text
- Video
Tool overview films
A short film for every tool, with the real app on screen, a voice, subtitles, music and a thumbnail, in a wide and a vertical cut.
- Script
- Video
- Thumbnails
- Post text
- Video
Video lessons
Step-by-step lessons for every tool, one task each, recorded in the real app and narrated at an easy pace.
- Script
- Recording
- Video
- Thumbnails
About the projects.
Are these real projects?
Yes. Every use case is a live site, app or film I designed and built, with real screens. The made-up businesses are only on the styles page.
Can I try the tools?
Yes. They run in the browser on tools.benibix.com, with no account.
How were the films made?
In code: each film is recorded from the real app, with subtitles from Whisper, music made in code and the cut put together with FFmpeg, in a light and a dark version.
Who is behind this site?
Behnia Zarei, a developer in Vienna with more than ten years across software, data and AI. Every page here, the example sites, the tools on tools.benibix.com and the films are designed and built by me.
Like what you see?
A question about a style, feedback on this site, or an idea to share: I read every message and answer it myself.