rep.tools
I redesigned the brand and shopping flow for rep.tools. I moved its 6,900-item catalogue onto the homepage and designed search, filters, and product pages. Since then I have kept designing it as it grows: the shop, a tools hub, the buying guide, a welcome pack and a new logo system.
FocusBrand Identity · UX / IA · Design System · 2026
The four strongest screens
Jump to 04, system
Jump to 03, structure
Jump to 04, system
Jump to 05, welcome pack
The homepage never caught up with the product.
6,900items, one click behind Browse Products
Brand + UX/IA redesign
Design only. Founder built v1; I redesigned it.
The audience already knows the language.
Anton in oversized condensed caps, electric cyan on near-black, Space Mono for data.
One R, ten runs.
RETAIL and nine runs, B01 to B09.
What I learned.
- The original design was work that had been outgrown.
- What I want from it next is a number.
Role, process and impact
Role, process, impact and the team
- Role
- I designed the brand, navigation, catalogue, and product-page layouts, and wrote the front end.
- Process
- I put browsing on the homepage, restyled and regrouped its five tools into one toolkit, and designed search and filtering for mobile shoppers.
- Impact
- The redesigned catalogue and product pages are live. Shared navigation and styles cover 38 updated files, and every page added since is built on the same system.
- Role
- Brand + UX/IA redesign and front end
- Team
- Founder built v1; I redesigned it
- Type
- Live product, 9,384 items (Oct 2026)
- Audience
- Founder's channel: 300k+ followers
01Problem
The homepage never caught up with the product.
- rep.tools launched as a landing page: a hero, six category tiles, a row of stats, a button to the catalogue.
- The catalogue grew to roughly 6,900 items, and the thing people came for sat one click behind Browse Products.
- The brief: make the site behave like what it had become.
Read more
rep.tools launched as a landing page, and for a launch that was the right call: a hero, six category tiles, a row of stats, a button to the catalogue. It had one job, which was to explain a new thing.
Then the catalogue grew to roughly 6,900 items and the homepage never caught up. The thing people actually came for sat one click behind Browse Products, while the page above it kept pitching to people who had already decided. The visual language had drifted to generic dark-SaaS too: a gradient headline, pill buttons, emoji category tiles, a 3,100+ / 9 / 3 / ∞ metric row. It read as a startup landing page for a product that had quietly become a storefront.
The brief, once I had looked at it properly, was not "make it prettier." It was: make the site behave like what it had become.
02Direction
The audience already knows the language.
- Visitors buy replica fashion through Chinese shopping agents: they trade QC photos, compare batches and track parcels across 3,100 carriers.
- Most arrive from the founder's TikTok channel (300k+ followers, over 200 million views), already fluent in QC, batches, agents and hauls.
- Anton in oversized condensed caps, electric cyan on near-black, Space Mono for anything that behaves like data, and a QC PASSED stamp in the hero.
Read more
The audience is people who buy replica fashion through Chinese shopping agents: they trade QC photos, compare batches, track parcels across 3,100 carriers. That is logistics culture crossed with streetwear drop culture, and none of it looks like a SaaS dashboard.
They also arrive already fluent. The founder runs a TikTok channel about reps with 300k+ followers and over 200 million views, so most visitors land here from that, knowing what QC, batches, agents and hauls mean. Nobody needs the vocabulary explained, which frees the interface to speak plainly in it instead of onboarding people into it.
Two easier directions were on the table. Keep the SaaS look and just surface the catalogue, which fixes the structure but leaves the site looking like a tool for someone else. Or go fully hype-drop, all poster and no chrome, which fits the streetwear half of the culture and fails the logistics half, where a tracking number or a price has to be legible at a glance.
So the identity leans into the subject and keeps the data readable. Anton in oversized condensed caps for headlines, electric cyan on near-black, Space Mono reserved for anything that behaves like data (prices, batch names, tracking numbers, counts). Hard edges instead of soft pills. A QC PASSED stamp in the hero, because a QC pass is the moment this community actually cares about.
03Structure
The homepage is now the catalogue.
- You land in the catalogue itself: category rows you can scroll at once, with filter chips at the top.
- Categories moved to a top bar with live counts, the grid went from three columns to five, and product pages exist for the first time.
- Almost everyone arrives on a phone, straight from a video, so the phone is the primary surface.
Read more
The homepage was rebuilt product-forward. Instead of six tiles that lead somewhere else, you land in the catalogue itself: category rows you can scroll immediately (shoes, hoodies, jackets, pants, shirts, accessories, sets, shorts), with filter chips at the top for jumping straight to one.
The catalogue itself got the same treatment. Categories moved from a left sidebar into a top bar that carries live counts (6,907 items, 1,545 shirts, 1,445 shoes), so the size of the thing is legible before you click anything. The grid went from three columns to five, and gained the controls a catalogue that size actually needs: search, a price range, sort, currency, reset, and a favourite toggle per item.
Individual product pages did not exist before, so I added them, giving each item somewhere to live and something to link to. The five tools already shared one tabbed page; I restyled and regrouped the tabs as track, QC photos, convert, calculators, find, so the utilities read as one toolkit rather than five features competing on a page.
One constraint shaped every call here: almost everyone arrives on a phone, straight from a video. Mobile is the primary surface, not a fallback. The category rows scroll horizontally by thumb, the filter chips wrap instead of collapsing into a menu, and the counted category bar stays visible rather than hiding behind a hamburger.
04System
One design system for every page.
- Every template used to carry its own inline styles.
- I moved the identity into one shared stylesheet and pulled the navigation and footer into partials: 38 files changed.
- Since August the catalogue grew from 6,907 to 9,384 items, and the shop, the tools hub and the buying guide went into the same system.
Read more
Before the redesign, every template carried its own styles inline, so a colour or type change meant editing each page and hoping they stayed in sync. A new identity applied that way would have drifted apart within a month.
I moved the identity into a single shared stylesheet and pulled the navigation and footer into partials, so the surface is defined once and every page inherits it. That is what makes the tools, the catalogue, the tutorial and the error pages feel like the same product, and it is what lets the founder ship new pages without re-deciding the design each time. 38 files changed; the homepage alone was a near-total rewrite. The work was scoped to the front end: the founder built and owns the app.
Since launch: the site kept growing, and the design kept up
Since the August redesign the catalogue has grown from 6,907 to 9,384 items, and the site has gained new parts. Each one went into the same system instead of being bolted on beside it.
The navigation now reads Home, Shop, Tools, Guides: what people come to do, roughly in the order they do it. The homepage opens on QC photos, the thing this audience checks before anything else. A fan of real warehouse photos sits in the hero, then a QC search that takes any agent or marketplace link, then the shop.
Tools became a hub. Each of the five tools is a card that leads with what it does and carries its own number in Space Mono (3,100 carriers, 25 agents, 86 countries), with QC Finder and Package Tracker given the two wide cards. This week's popular finds sit under them, so someone who came to track a parcel still passes the shop.
The buying guide takes a first-time buyer through an order in ten steps, with a step bar to jump between them and plain definitions of the five words they will meet on every screen.
05Welcome pack
A coupon you can read at a glance.
- rep.tools earns when a visitor signs up to KakoBuy through its link, so the welcome pack is the one place the site asks for something.
- Each coupon is a ticket with a notched, dashed edge; the code sits on its own stub and copies with one tap.
- The terms are on the card, two plain ways out sit under the button, and on a phone it rises as a bottom sheet.
Read more
rep.tools earns when a visitor signs up to KakoBuy, the shopping agent, through its link, so the welcome pack is the one place the site asks for something. I designed it to look like what it is: a pack of coupons.
Each coupon is a ticket with a notched, dashed edge: three shipping discounts and $15 off with a code. The code sits on its own stub and copies with one tap. The terms are on the card rather than behind a link (free to join, it opens kakobuy.com, each coupon has a minimum spend set by KakoBuy), and two plain ways out, I already have KakoBuy and Maybe later, sit under the button. On a phone it rises from the bottom as a sheet with a handle, so the page stays in view above it, and the same pack runs as a band on the tools hub.
06Logo
One R, ten runs.
- BATCH is one parametric R on a 100 by 140 grid: the master, RETAIL, and nine runs, B01 to B09.
- Each run carries one documented tell, the way a batch is told apart from the retail.
- RETAIL goes where recognition builds; the batches appear only where someone has already arrived. It is built into the site's code and not released yet.
Read more
The wordmark was still CSS, a [REP] tag block in front of TOOLS, so I designed a logo system out of the culture itself. In reps the authentic item is the retail and every copy is a batch, told apart by its tells: the small deviations that give a factory away.
BATCH is one parametric R on a 100 by 140 grid. Six numbers describe a version completely, so the master, RETAIL, and nine runs, B01 to B09, each rebuild exactly from code, and each run carries one documented tell: an overshoot, a notch, a low bar, a backslant. Every run has a seam in the top arm, the way a garment is sewn from panels. I picked its width on real 16 and 32 pixel favicons, not vector previews: at 16 pixels the seam has about one pixel to live in.
RETAIL goes wherever recognition builds: the favicon, the share card, the nav. The batches appear only where someone has already arrived, one per tool and on the 404, so the logo never splits at first sight. It is built into the site's code and not released yet.
07Outcome
Live and in use.
- rep.tools is live, and the redesign is what visitors land on today, now with 9,384 items.
- What I want from it next is a number: catalogue click-through and mobile time-on-site, before and after.
- The original design was work that had been outgrown; most of the job was noticing that gap.
Read more
rep.tools is live, and the redesign is what visitors land on today, now with 9,384 items and the pages above. It is not discovered cold either: the founder's channel sends a steady, already-invested audience straight at it, which is exactly the case where a homepage that only pitches is a wasted screen.
What I want from it next is a number. The founder's analytics can show catalogue click-through and mobile time-on-site before and after, and that is the comparison the redesign was built to win.
The lesson I keep from it: the original design was not bad work, it was work that had been outgrown. The site was still shaped like the day it launched while the product underneath had turned into something else. Most of the job was noticing that gap, then making the interface behave like what the thing had actually become.
The August redesign, on one page.
Download project summary PDF ↗9,384Items in the catalogue in October 2026, up from 6,907 at the August redesign
38Files changed: one shared stylesheet, the navigation and footer as partials, the homepage a near-total rewrite
300k+Followers on the founder's TikTok channel, over 200 million views; most visitors arrive from it
10Steps in the buying guide, with a step bar and plain definitions of five words








