Knowing what to emphasize
A restrained hierarchy keeps developing news visible without making every interface element compete for attention.
Trotter is a modern reader for Rotter.net, built around a simple product insight: people come for fast, developing news, but the original website is visually noisy, dated, and difficult to read.
I developed and designed Trotter entirely myself, from the brand and interface to the working reader and its infrastructure. The experience prioritizes easy reading, responsiveness, and speed.
Founded in 1997, Rotter.net is a long-running Hebrew news and forum destination in Israel, used for fast updates, developing stories, and community discussion. Breaking news is posted there so quickly that the site is also used in military operations rooms.
In 2026, the site still has an old-school forum look: dense text, small links, and a layout that feels closer to the early web than to modern news products.
On mobile, Rotter.net still shows the desktop site squeezed into a phone screen.
The same mark also works as a small browser identifier: a quiet dark tab, a warm accent dot, and just enough of the wordmark to make Trotter recognizable.
Rotter.net has strong utility and loyal usage, but its legacy interface creates friction: dense pages, weak visual hierarchy, cluttered reading paths, and an experience that feels harder than it needs to on modern screens.
The opportunity was not to change the core behavior, but to make the same habit feel legible and current.
Conversations with Rotter users made the priorities clear: speed and responsiveness were essential, as was a strong mobile experience for following developing events on a phone.
These insights shaped Trotter. The interface keeps the latest updates and quick actions close at hand, while secondary information stays available on demand.
The visual design stays calm and easy to read across screen sizes. It supports quick checks on a phone while remaining unobtrusive when left open on a second screen.
The hardest part was deciding what not to show. When something needed to stay, I had to decide how to present it without letting it take over. These trade-offs kept Trotter focused on news as it develops.
A restrained hierarchy keeps developing news visible without making every interface element compete for attention.
Top stories moved into a compact secondary strip. They are less prominent, but developing news stays the focus.
Comments load in small batches. Full discussions take another step to reach, but do not overtake the live feed.
I built the Hebrew logotype from a grid of dots, turning the density of a fast-moving news forum into a simple, recognizable signal.
Warm neutrals keep the reading experience calm in light and dark modes, while orange is reserved for important and interactive moments.
#1C1A18#F0EFED
#F0ECE8#1A1917
#F97316#C2500D
I approached the technical side as a non-developer: by inspecting how Rotter's own mobile apps technically worked and tracing where the content was really coming from.
I coded it myself with AI, using it to read network behavior, test assumptions, and turn what I found into a working product. That process led me to the mobile data feed behind the app.
This let me move past a surface redesign and build a working reader around Rotter's real content flow. I hosted it through Cloudflare, so the project could run independently and improve quickly.