TikTok Shop and pharmacies are two opposing visual environments. One is a vertical 9:16 screen playing for one second, while the other is a shelf under fluorescent lights with customers picking up bottles to read carefully. The same SKU, but if using the same identity system, the packaging will fail in at least one channel. The design brief needs to clearly identify the main channel before deciding anything about color, text, or layout.
In this article · 5 sections
The packaging of the same serum bottle can sell well on TikTok Shop but sit untouched on a pharmacy shelf, or the other way around. Not because the products differ, but because the two channels impose two completely opposing visual conditions on the same physical surface. If the design brief does not start from the question "in what situation does the customer meet this packaging," every later decision about color, type and layout rests on a false assumption.
One second vertical video: the single highlight challenge
TikTok Shop does not sell in the way people flip packaging to read. Products appear in a 9:16 video stream, often taking up no more than 20-30% of the frame, playing for one to three seconds before the algorithm switches to the next clip. The human eye cannot read the brand name, product name, and function all at once. Only one of those three can be read; the rest is noise.
Gestalt's principle of visual hierarchy explains why: the brain processes shape and color before text, and only "reads" whatever has the highest contrast in the central field of view. On a 400ppi phone screen where the bottle is only the size of a fingertip, type smaller than 14pt effectively becomes texture, no longer text.
The brief for the TikTok channel therefore needs to identify one and only one focal point that can be read in one second. This could be the brand name, product name, or a benefit phrase of no more than three words. Everything else serves that focal point, not competes with it.
Pharmacy shelves under fluorescent lights: the physical reliability challenge
The pharmacy is a completely different visual environment. Customers do not scroll; they stop. They pick up the bottle, tilt it under fluorescent lights of 3500 to 4000 Kelvin, where cool white light tends to flatten warm colors and increase glare on glossy surfaces. A bottle that looks luxurious under the warm LED lights of a studio may appear pale and lack depth under the fluorescent lights of a pharmacy.
Here there are two layers of readers with two different needs. The pharmacist needs to find the active ingredient, concentration and expiry date quickly. The end customer needs to understand which skin type the product is for, how to use it, and whether it can be trusted. In a pharmacy, "trustworthy" is read through small but clear type, an orderly layout, and a back panel with all the information required by regulation. Packaging with missing information or a chaotic layout is assumed to be cheap or of unknown origin.
This is why cosmetic brands distributed through pharmacies, such as La Roche-Posay or Bioderma, look "dull" on TikTok but sell very well offline. Their layouts are optimized for pharmacy lighting and for careful readers, not for people scrolling through videos.
Typography is the shape of language.
Typography is what language looks like.
Ellen Lupton, Thinking with Type
This has a practical meaning here: the same content set in different type sends different signals of credibility. Small sans-serif type with tight line spacing on the back of a pharmacy bottle, read at a tilted angle, is a legibility problem (how easily each character can be read). Type that is too thin, however beautiful on screen, disappears when light glares off a glossy surface.
The same SKU: what is really different in the brief
It’s not about the logo or the brand colors. These elements must be consistent to have long-term recognition value, as per Romaniuk's principle of distinctive brand assets: recognition assets only help customers remember the brand when consistently repeated across channels.
What changes by channel is the hierarchy of information, the ratio of layout areas, and the choice of material surface. Specifically:
- Information hierarchy: TikTok needs one focal point at the largest size, with everything else pushed back. Pharmacies need three to four layers of clear information: brand name, product name, main benefits, ingredients, and usage instructions.
- Front layout ratio: video channels prioritize a large color block with minimalist text. Pharmacy shelves allow for a thicker layout because customers have time to look closely.
- Material surface: local UV gloss looks great in studio photos but creates unpleasant reflections under fluorescent lights. Matte or soft-touch finishes perform better in pharmacies, while gloss captures light better under the warm lights of unboxing videos.
- White space: on TikTok, white space conveys luxury and helps the eye focus. In pharmacies, too much white space is read as a lack of information, raising doubts.
Common trap: designing for studio photos, not for the channel
Most cosmetic briefs that the studio receives describe the product without describing the sales environment. Clients send reference images of brands that look luxurious on Instagram, often from Korea or Europe, but the actual distribution channels are TikTok Shop and a few local pharmacies. As a result, the packaging looks beautiful in flat photos but disappears in video streams and appears lacking in information when a pharmacist picks it up to ask a customer.
This is not an aesthetic mistake. It is a brief mistake. A brief that does not name the main sales channel is essentially asking for packaging designed for nowhere. No real environment, no real reader, no real light. And packaging designed in that vacuum will fail in the literal sense of the word "vacuum": it has nothing to hold onto.
When to need two packaging versions instead of one
The practical question that brand owners need to answer: which channel contributes the most to current revenue, and which channel is the target for expansion? If TikTok Shop is the primary channel and pharmacies are the secondary channel being tested, then the packaging should be optimized for TikTok first, and then adjusted for pharmacies later. Not the other way around.
In cases where both channels carry equal weight, the correct solution is to create two design versions. Both share the same color system and identity shapes but differ in information hierarchy and surface finish. The cost of making two versions is not significantly higher if planned from the start, but it will be exponentially more expensive if redone after mass printing.
A good brief for a multi-channel problem needs to answer seven questions before starting the design concept. These are: what is the main sales channel, under what lighting conditions and distance do customers encounter the packaging, what is the average contact time, what information is mandatory by regulation, what information is the main selling point, what identity assets have been built and cannot be changed, and what signal does the packaging need to convey about the price segment. These seven questions serve as a problem-solving map, not an administrative questionnaire.
References
Ipsos, “Packaging and Purchase Decisions”, 2022. Nielsen, “Innovation Report”, 2023. Lindgaard et al., “Attention web designers: You have 50 milliseconds”, Behaviour & Information Technology, 2006. Ellen Lupton, Thinking with Type, 2010. Byron Sharp, How Brands Grow, Oxford University Press, 2010.