> ## Content Index > Fetch the complete content index at: https://conversion.club/llms.txt > Use this file to discover other available public pages before exploring further. # Special Report: The Primitive, a 1977 Idea That Shapes Your Conversions - URL: https://conversion.club/special-report-the-primitive-a-1977-idea-that-shapes-your-conversions/ - Published: 2026-08-11T07:58:17.000Z - Updated: 2026-10-19T20:26:21.000Z - Author: Maxime Almy - Tags: ux, Homepage, Collection Page, Product Page, essay When the conversion rate stalls, the natural reaction is to look for something to "add." First a promo banner, then a reassurance pop-up, a configurator, an "our values" section, a reviews module, a free-shipping banner, a cross-sell offered before the user has even decided whether the product suits them. **Each element is justified on its own, each comes from a good intention, and together they end up filling the whole page.** Meanwhile, the user who came to buy, say... a leather jacket, scrolls through a page that talks about the brand, the promotions and the company's commitments, and leaves without the jacket. > What was missing from that journey: a clear primitive. This work on hierarchy also echoes [white space, a conversion driver in its own right](https://conversion.club/how-white-space-drives-e-commerce-conversion/). ### **Adele Goldberg, or the Obsession with the Obvious** ![Adele Goldberg at the PC Forum in Palm Springs](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/483428299_18061038308063696_1727793443499971475_n.jpeg) Adele Goldberg at the PC Forum in Palm Springs. On March 1, 1977, Computer magazine published "Personal Dynamic Media," by Alan Kay and Adele Goldberg. The article describes the Dynabook, a notebook-sized computer that anyone could own, and it helped lay the foundations of personal computing as we know it today. Both were working at Xerox PARC, the California lab that invented much of the graphical interface still in use today. Goldberg carried out her work there in the Learning Research Group, an unusual team that brought together researchers, engineers and children. --- > The method came down to three steps: design, have children test it, observe. --- This protocol is brutal because the feedback is so honest. A child sticks to what's visible, acts on what they understand at first glance, and moves on as soon as the path requires interpretation. That constraint is formidable, because it forces you to name what's essential and give it top billing. **A child stumbling over a tool is a gold mine for designers.** Goldberg's approach is still relevant and effective today: start from usage to decide what technology should make obvious. One central intention, held to the end, around which everything else is organized. 🫴 A primitive! ![User test at Xerox PARC in the 1970s](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/xeroskid.webp) User test 1.01 ### ## One Primitive, and Everything Else Becomes Secondary A primitive is the honest answer to a simple question: **what does the user actually come here to do?** It is the core usage logic of a product, the one that organizes everything else and that every screen comes back to. The most effective products answer this question with striking clarity. ### **Notion: The Page** !["Back to basic" visual: an interface that answers a single question](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/Group-632116.jpg) Back to basic When [Notion](https://www.notion.com/fr?ref=conversion.club) entered a market saturated with productivity tools, its promise could have produced an unmanageable interface: replacing notes, wikis, spreadsheets and project management tools all at once. On paper, that's the kind of ambition that ends up as a tangled mess, but Notion's success comes down to the primitive it chose: the page. **The user learns a single object.** - A data table is built on rows that are themselves pages. - A to-do list lives in a page. - A team wiki becomes a tree of pages. - Internal documentation is, again, built with pages. Wherever they go, users find the same logic, so complexity is always expressed through a form they already know. That's what lets the tool grow more powerful while staying easy to read. ### **TikTok: The Full-Screen Video** !["Full screen" visual: complexity expressed through a form people already know](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/Group-632117.jpg) Full screen TikTok takes the same logic further by giving all the available space to a single vertical video. Elsewhere, a video shares the screen with recommendations, comments, channel information, ads, menus and competing thumbnails, so many intentions splitting the screen. Here, the video fills the entire surface, and the likes, comments, follow button and creator information sit on top of it, so every interaction happens inside the viewing experience. Scrolling loads a new video with the exact same structure, which makes the gesture automatic. **Only one action stands out: keep going.** When an interface knows exactly what its primitive is, everything else falls into the background. The complexity is still there, just subordinate. ## Join the club The community of e-commerce brands. Subscribe Email sent! Check your inbox to complete your signup. Clear, concrete, actionable content. Unsubscribe in one click. ## In E-commerce, the Primitive Changes on Every Page This distinction changes everything once you apply it to an online store. The primitive of an e-commerce site seems obvious: buy. But that answer mostly describes the business goal, the one measured at the end of the journey. **The user's immediate intention, by contrast, shifts at every step.** ### The Homepage Guides Users need to understand within seconds where they've landed, what the brand sells, what sets it apart and what path is open to them. A successful homepage works like an entrance hall that routes intentions: discover a collection, go to a category, understand a promise, step into a world. A homepage that stacks a brand manifesto, promotions, new arrivals, best sellers, editorial content and reassurance with no hierarchy scatters the attention it has just captured. #### Nudie Jeans: Guiding by Audience ![Nudie Jeans homepage: manifesto, promotions and new arrivals with no hierarchy](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/nudiesbc-1.jpg) On the [Nudie Jeans](https://www.nudiejeans.com/en-FR?ref=conversion.club) e-commerce site, the primitive is visible from the first screen. Users are immediately steered toward two main categories, "Sale Men" and "Sale Women," while one concise sentence clarifies the brand's value proposition: "**Clothes that get better the more you wear them, and even better when you repair them.**" In a few seconds, you understand what the brand sells, who it's for and what makes it different. Yet this clarity doesn't come at the expense of brand identity: the art direction, photography and tone remain strongly distinctive, proof that an interface can be instantly understandable without becoming generic. #### Temper Studio: Guiding to One Product ![Homepage of a home linen store: strong art direction, easy-to-read interface](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/towelbc.jpg) [Temper Studio](https://temper.studio/shop?ref=conversion.club) raises a different kind of guidance problem: a tight catalog built around signature products. The listing offers a towel designed for physical effort, "**A towel made for sweat, tears and everything in between** ." With an offer this focused, guidance means making the product understood and pointing to the single entry point. The photography, the image treatment and the visual world build a strong atmosphere in parallel, one that directly serves the product's positioning. The hero gives way to a selection of three products, which makes the promise tangible and reduces the effort of discovery. The brand story section comes only afterward, once the visitor knows what's being sold. That order does all the work: the story feeds an offer that's already understood, and it builds desirability on solid ground. #### MAAP: Guiding Through the Menu 0:00 /0:08 1× [MAAP](https://maap.cc/?ref=conversion.club) adds a dimension that page content often overlooks: the menu as a guidance tool in its own right. The brand sells technical cycling gear, a catalog where visitors quickly get lost among product types, ranges and collections. **The navigation does the sorting for them.** Visitors who know what they're looking for can find their way at any time from the header, on any page, and scrolling becomes optional. A strong menu frees up the rest of the homepage by handling utilitarian guidance, so the page content can focus on what needs space and storytelling: collections, collaborations, the brand's world. The two surfaces split the work, with the menu answering "I know what I want" and the page answering "show me what you've got," so every type of visitor finds a way in. The same reasoning extends to a third guidance surface, [internal search, which deserves its own audit](https://conversion.club/how-to-optimize-ecommerce-site-search-the-complete-audit/). --- ### The Collection Page Drives Selection On a collection page, the primitive becomes selection. Shoppers arrive with a narrower intention than on the homepage: cutting a catalog that's too big down to two or three candidates. They expect to compare, filter and quickly spot what fits their need. **Everything the page displays works toward reducing uncertainty**: filters, sorting, visuals, names, prices, labels, available colors. #### Less is more 0:00 /0:14 1× The [Arte Antwerp](http://arte-antwerp.com/?ref=conversion.club) collection page takes selection seriously from the product card onward. Each product shows its name, price, available colors and even the size selector, so shoppers have the essentials before opening the product page. Two views show the piece from different angles, and the photos, all treated the same way, keep the comparison focused on the product itself. The filters reflect the criteria shoppers actually use: category, color, size, price and availability. Even a stockout becomes selection information, since "Sold out, get notified" replaces the buy button at the exact spot where the question comes up. The grid also stays fully easy to read, with each card limited to the information that serves the choice. Shoppers narrow several dozen products down to a mental shortlist in a single pass. #### Which one is right for me? ![Abel Fragrance collection page: each card limited to information useful for the choice](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/abel.jpg) [Abel Fragrance](http://abelfragrance.com/?ref=conversion.club) faces the hardest scenario a collection page can meet, since the decisive criterion, scent, is out of reach of a screen. Selection therefore relies on everything around the product, and the page draws on every register still available. Language first: each fragrance fits in one line, "A fresh classic floral," "A soft floral musk," then unfolds into top, heart and base notes, right in the grid. Then the image (and this is the page's most refined choice): each card pairs the bottle with an evocative image, with its own light, its own colors, its own textures. **The bottle says what it is, the image says what it evokes.** The brand thus conveys olfactory information through the only sense available on a screen, sight, and turns the grid into a palette of moods the eye can compare. The sorting follows the same logic and groups fragrances by scent family: amber, floral, fruity, musk, woody, gourmand. The most inventive filter comes next: Abel lets shoppers sort its catalog by the designer fragrance they already wear, under the heading "Switch from these similar synthetics," with about thirty references in alphabetical order, from [Byredo Bal d'Afrique](https://www.byredo.com/eu%5Ffr/c/perfume/best-sellers/bal-d-afrique?ref=conversion.club) to [Le Labo Rose 31](https://www.lelabofragrances.eu/fr/en/classic-collection/rose-31/eau-de-parfum?ref=conversion.club), including [Jo Malone Dark Amber & Ginger Lily](https://www.jomalone.fr/product/dark-amber-ginger-lily-cologne-intense?ref=conversion.club). Scent memory becomes a sorting criterion in its own right, on par with family or size, and the brand captures along the way a search intent that its competitors created. Everything on this page comes back to the same question: which one is right for me? --- ### The Product Page Drives the Decision On a product page, the primitive narrows even further and becomes the decision. Shoppers arrive with one specific doubt, the one still holding them back, and the page succeeds to the extent that it resolves it. That doubt changes by category. A jacket calls for projection: seeing yourself wearing it. For a face cream, the question becomes compatibility with your skin. A piece of furniture runs into size: will it fit the planned room? A technical product requires choosing the right version. A premium product has to win trust in its price. You get the idea! #### Molo 0:00 /0:13 1× On the product page for the Reba shirt from [Molo](http://molo.com/?ref=conversion.club), the main doubt is projection, as with most fashion products. Shoppers want to know what the piece will look like when worn, and the page is built entirely around that question. First choice, the screen layout: everything that serves the decision fits in the first viewport, including the gallery, product name, price, color, size selector, size guide and add-to-cart button. Shoppers get all the decision elements right away, and scrolling becomes a deeper dive they choose to take. The layout looks like a detail, but it's actually about hierarchy. Second choice, and it's the heart of the page: the gallery works as a continuous scroll, with seven carefully crafted visuals alternating worn shots, changes of pose, and close-ups of the fabric, collar, buttons and embroidery. Shoppers scroll and the answer arrives, which changes the nature of the exchange: a gallery that scrolls all the way through gives the certainty of having seen the whole product, and that's what people demand when buying fashion online. The example also confirms that [visuals carry the first conversion driver](https://conversion.club/your-visuals-will-always-be-your-biggest-conversion-driver/). A third element plays a quieter role, and it's decisive in this category: the size guide is immediately available, at the same level as the selector. In children's clothing, where the buyer rarely orders for themselves and the margin for error is small, size is the second doubt after projection, and it's handled right where it arises. **Molo thus treats the product page as a decision tool.** The page does one thing and does it completely, showing the product all the way through. The add-to-cart button simply waits for the decision to be made. #### Nudie Jeans, again! ![Nudie Jeans product page: the product shown all the way through, the cart button waiting for the decision](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/nudies2.jpg) Seen earlier on its homepage, [the brand](https://www.nudiejeans.com/en-FR?ref=conversion.club) changes its goal on the product page, where the primitive becomes the decision and the doubt is about price. **The whole page works on this question before it turns into a barrier.** The three-column layout stands out first, each column with its own function. Product presentation on the left, gallery in the center, size and reassurance on the right. It splits up the work of deciding: understand the product, see it, then choose it. The left column handles value. The answer to the price arrives with the description, where the brand promises a rigid denim that can last up to forty washes while keeping its depth of color. That's a lifespan figure. The rest follows the same logic: 11 oz rigid denim, regenerative organic cotton, and above all the repair promise that underpins the whole brand. The jeans are presented as something you keep and repair, so the €160 is weighed against several years of wear rather than against a garment. The mechanism is transferable: the justification is built into the product description, right where shoppers discover the price, so they read about a product whose value is already stated. **It's a difference of order, and order makes the decision possible.** The right column handles the choice. The waist and length selector, the size guide right next to it, then the reassurance elements. The guide opens a precise sizing tool at the exact moment the question comes up, on the page itself, sparing shoppers from memorizing measurements. The size doubt is handled where it appears, with a direct effect on [the return rate](https://conversion.club/fashion-e-commerce-return-rate-how-to-cut-it-without-killing-your-sales/). That leaves the center column and its gallery. The brand chose to document the making, each shot showing a seam, a finish, a construction detail, which provides proof rather than dreams. The choice stays consistent with the main doubt, price. On a fashion product, though, projection remains a real secondary doubt, here largely delegated to the twelve colors shown further down. ## Join the club The community of e-commerce brands. Subscribe Email sent! Check your inbox to complete your signup. Clear, concrete, actionable content. Unsubscribe in one click. # **Name the Primitive With a Verb** A primitive is named with a verb, whereas the reflex is to answer with a metric. For example: "Increase the add-to-cart rate" describes a consequence, measures what you hope to get and leaves the designer with no direction. Whereas "Let shoppers picture themselves in the garment" points to a behavior and immediately dictates the gallery, the number of visuals, the choice of shots and the placement of the size guide. Once the primitive is named, every element of the page can be judged, since the question is now its role in the decision rather than its mere presence. Two collection pages show this by failing in exactly opposite ways: one lacks selection tools, the other has them but buries them. ![E-commerce collection page with no filters or sorting](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/service.jpg) ![Yves Rocher collection page: selection tools present but buried](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/yvesrocher.jpg) [Service Works](https://serviceworks.xyz/?ref=conversion.club) offers more than six hundred products across thirty-two pages, with two filters, size and product type, and no sorting. Since each color gets its own card, a single jacket takes up five, and the color that tells them apart is missing from the filters. The page is clean, minimal and true to the brand's world, but it wears users out. At [Yves Rocher](https://www.yves-rocher.fr/?ref=conversion.club), crossed-out prices, discount percentages, ratings, badges and promo codes saturate the grid to tell one story, price, when the brand talks everywhere else about botany and plants grown in La Gacilly. Its filters are excellent, though: skin type, texture, benefit, size. They're simply covered up. **A priority unrelated to selection governs both grids, minimalism on one, promotion on the other, and shoppers lose the same thing either way: the ability to tell products apart.** Yves Rocher goes as far as borrowing the primitive of the liquidation retailer, which works on a site whose model openly rests on price, with the [dependence on promotion](https://conversion.club/have-sales-become-a-prerequisite-for-selling-online/) that creates. ## A Beginning ![Steve Jobs discovering the Xerox Alto](https://storage.ghost.io/c/b5/a7/b5a79c8d-ed77-4459-9729-b694bd04720c/content/images/2026/10/jobsalto.png) Steve Jobs discovering the Xerox Alto In 1979, Steve Jobs visited Xerox PARC. Adele Goldberg didn't want to show him Smalltalk, but her management insisted, and he left with a valuable idea: start from what people want to do, then decide what the machine should make obvious. That obsession shapes every design decision. Choosing what a page should make obvious means accepting that everything else takes a back seat. Optimizing often comes down to subtracting, which goes against instinct: when the conversion rate stalls, we add. **The primitive provides the criterion for making the call, and that's what makes it indispensable.** It doesn't settle everything, though: a clear page is a starting point. What remains is knowing what each optimization returns, which margin it applies to, and in what order to tackle them. That's where [the Prism takes over, with five drivers to steer CRO by margin](https://conversion.club/the-prism-a-framework-that-takes-cro-beyond-the-funnel/). The test hasn't changed since 1977: look at your page with a child's fresh eyes, and see what you understand, what you look for, and what you actually find.