Three Surfaces, Three Jobs: Marketing Home, a Single-Use Board, and a Category Index
A ranking tool often collapses, in conversation, into “the tier list site.” Looking at the public pages, that collapse hides three different objects. This note treats only what those pages themselves show: a marketing ho
A ranking tool often collapses, in conversation, into “the tier list site.” Looking at the public pages, that collapse hides three different objects. This note treats only what those pages themselves show: a marketing homepage, a blank board you fill with your own images, and a topic index for ready-made templates. It is not a source tour of the application’s internals, and it does not borrow marketing totals from the homepage as if they were measurements.
Object A: the homepage is a product introduction
Tierlist titles the root page “Tier List Maker - Create & Share Tier Lists.” The lead is explicit: “Drag and rank anything. Pick a ready-made template or start from a blank board.” A “Start a blank tier list” control sits next to a “Browse by category” block whose top-level labels are Gaming, Anime & Manga, Music, TV & Movies, Sports, Food & Drink, Tabletop & TCG, Internet & Memes, Tech & Hardware, and Education & Career. A “Browse templates” section then shows featured ready-made boards.
Lower on the same page, a three-step walkthrough describes the general product contract as the homepage wants it understood: choose a template or start from scratch and upload your own images; drag items from a pool into rows, with the option to rename rows and change their colors; then export a high-quality PNG with no watermark, or copy a shareable link. A separate feature list repeats drag-and-drop on desktop and mobile, custom row colors and labels, community templates that can be browsed, favorited, and remixed, and the same export and link options. The page also says you can start without creating an account.
That is orientation. It tells you the product has two starting shapes. It is not itself either working surface.
Object B: the single-use page is a disposable ranking canvas
The single-use tier list document title is “Single Use Tier List Maker.” The meta description does not talk about templates. It says: build a tier list, drag images into ranked tiers, and download the result as an image. The canvas is labeled “My Tier List,” with a “Rows & labels” control. Default rows are S, A, B, C, and D. The instructions on the board are operational, not promotional: drag items to rank them, use the arrows to reorder rows, right-click an item to remove it. Image presentation is adjustable — Pin, Images, Square, Landscape, Portrait, Circle, No crop — and the intake control is “Upload images.”
This object has no preloaded roster in the document that the page itself renders as its starting state. It also does not present a topic tree. I am not folding the homepage’s share-link sentence into this URL; the page’s own description ends at downloading an image.
Object C: the category page is a template index
The third object is a finding aid. Tier list categories is titled “Tier List Categories.” The heading is “Categories,” and the lead is “Browse tier list templates by topic.” Gaming is expanded into Gacha & RPG, MOBA, Roblox, Strategy & Card, Anime Games, Pokémon, Other Games, Fighting, MMORPG, FPS & Shooter, and Sports Games. Other top-level groups — Anime & Manga, Music, TV & Movies, Sports, Food & Drink, Tabletop & TCG, Internet & Memes, Tech & Hardware, Education & Career — each show sub-groups and a “View all” link. The page description lists gaming, anime, music, movies, sports, food, tabletop, and internet culture. There is no ranking grid on this page. The job is to get you to a prepared template, not to accept an upload.
Two research references, kept in their lane
Why split “find a prepared set” from “rank the pictures I already have”? Information-architecture research treats grouping for findability as its own problem. In “Card Sorting: Uncover Users’ Mental Models for Better Information Architecture” (Nielsen Norman Group, February 2, 2024), Samhita Tankala and Katie Sherwin define card sorting as “a research method in which study participants place individually labeled cards into groups according to criteria that make the most sense to them.” They argue that the method helps a team build an information architecture that matches users’ mental models, which improves findability and discoverability. That is a method for designing grouping, not a claim that this product ran a card sort, and not a method for ranking items from S to D.
Page Laubheimer’s “Taxonomy 101” (Nielsen Norman Group, July 3, 2022) defines a taxonomy as “a closed list of acceptable terms that are arranged hierarchically and are used to describe and classify content.” He distinguishes that backstage vocabulary from visible navigation, where “we are concerned with grouping things in a way that adheres to users’ mental models.” I am not asserting that the site’s category tree is a formal metadata taxonomy. I am using the distinction to keep Object C honest: it is a visible grouping of templates, and that is a different contract from Object B’s blank board.
A small interface rule
If a page introduces both paths, keep it as an introduction. If a page accepts uploads onto an empty S–D grid and offers a download, treat it as a single-use canvas. If a page only browses templates by topic, treat it as an index. Sharing a brand name does not make the three objects the same type, and collapsing them in the URL structure would hide the contract the user actually needs.
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes — full credit and traffic to the original publisher.