Trotter

Fast headlines, effortless reading

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.

This is the live Trotter website. Open trotter.news open_in_new

About Rotter.net

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.

Breaking news updates
Forum-based discussion
Online since 1997
Rotter.net homepage screenshot from 2026
How Rotter.net looks in 2026.
Rotter.net mobile screenshot from 2026
Rotter.net's current mobile view.

Product Problem

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.

Dense visual clutter
No real mobile view
Hard to scan quickly
No dark mode
No distinct visual identity
Looks outdated

Product Decisions & Challenges

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.

Knowing what to emphasize

A restrained hierarchy keeps developing news visible without making every interface element compete for attention.

Developing news first

Top stories moved into a compact secondary strip. They are less prominent, but developing news stays the focus.

Comments in small doses

Comments load in small batches. Full discussions take another step to reach, but do not overtake the live feed.

Branding

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.

Brand board

Trotter Hebrew logotype
Background #1C1A18#F0EFED
Foreground #F0ECE8#1A1917
Accent #F97316#C2500D

Browser Tab

Trotter, Fast headlines, effortless reading ×
Rotter.net
Tim Portnoy
trotter.news

Technical Discovery

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.

Reverse engineered
existing apps
Coded with AI
in VS Code
Hosted independently
on Cloudflare