Brand & UX · Redesign · 2026

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

rep.tools homepage today: oversized condensed headline, a fan of QC photos, QC photo search and the shopJump to 04, system
The homepage today. QC photos first, then the shop.
After: categories as a counted top bar, a five-column grid, and search, price, sort and currency controlsJump to 03, structure
The catalogue. A counted category bar, a five-column grid, controls for 6,907 items.
The tools hub: five tool cards with their numbers, popular finds and the welcome pack bandJump to 04, system
The tools hub. Five tool cards with their numbers.
The welcome pack on a phone, as a bottom sheet with a handleJump to 05, welcome pack
The welcome pack. A bottom sheet on a phone.
Problem, jump to 01, the problem

The homepage never caught up with the product.

6,900items, one click behind Browse Products

Role · team, jump to role, process and impact

Brand + UX/IA redesign

Design only. Founder built v1; I redesigned it.

Numbers, jump to the numbers in 07, the outcome
9,384items, Oct 2026
38files changed
300k+followers
10guide steps
Before · after, jump to 03, structure

The homepage is now the catalogue.

Direction, jump to 02, direction

The audience already knows the language.

Anton in oversized condensed caps, electric cyan on near-black, Space Mono for data.

Logo, jump to 06, the logo

One R, ten runs.

RETAIL and nine runs, B01 to B09.

System, jump to 04, system

One design system for every page.

One stylesheet, shared partials.

Outcome, jump to the impact

Live and in use.

The redesigned catalogue and product pages are live.

Learned, jump to 07, the outcome

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.

Before: a marketing landing page. The 6,900-item catalogue is not on it.
BeforeBefore: a marketing landing page. The 6,900-item catalogue is not on it.

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.

After: the same page rebuilt around the product, with the identity carrying the logistics language.
After, August 2026After (August 2026): the same page rebuilt around the product, with the identity carrying the logistics language.

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.

Before, on a phone: a hero and category tiles, with the catalogue still a tap away After, on a phone: the catalogue itself, browsable immediately
Phone · before, afterOn the phone, where nearly all the traffic lands: a page that pitches becomes a page you can shop.
Before: a category sidebar with item counts, a search bar, and a three-column grid of products After: categories as a counted top bar, a five-column grid, and search, price, sort and currency controls
Catalogue · before, afterThe catalogue, before and after: a sidebar and a 3-up grid become a counted category bar, a denser grid, and controls built for 6,907 items.

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.

The homepage today on a laptop: the headline, a fan of QC photos, the QC photo search and the shop The homepage today on a phone
Homepage, October 2026The homepage today (October 2026), on a laptop and a phone: QC photos first, then the shop.
The tools hub: five tool cards with their numbers, popular finds and the welcome pack band The buying guide: ten steps with a step bar and a glossary of five words
Tools · guidesThe tools hub and the buying guide.

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.

The welcome pack on a laptop: four coupon tickets, the code LUDE15 on a stub, an orange claim button and two ways out The welcome pack on a phone, as a bottom sheet with a handle
Laptop · phoneThe welcome pack on a laptop, and as a bottom sheet on a phone.

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