An independent editorial site for niche perfume, created where a bold editorial style meets GSAP animations that underline its character.Anindependenteditorialsitefornicheperfume,createdwhereaboldeditorialstylemeetsGSAPanimationsthatunderlineitscharacter.
Build a site about niche perfume. A useful guide, a strict library of niche scents, and a friend who brings the news. The reader has to feel the rhythm, the notes and the accents.Buildasiteaboutnicheperfume.Ausefulguide,astrictlibraryofnichescents,andafriendwhobringsthenews.Thereaderhastofeeltherhythm,thenotesandtheaccents.
SolutionSolution
The layouts come from fashion magazines and books. Editorial grids, large cards, big headlines. News and the journal get a character of their own. The library and the fragrance pages are set like a glossy book just bought. The pages still smell new.Thelayoutscomefromfashionmagazinesandbooks.Editorialgrids,largecards,bigheadlines.Newsandthejournalgetacharacteroftheirown.Thelibraryandthefragrancepagesaresetlikeaglossybookjustbought.Thepagesstillsmellnew.
A lot of editorial sites are hard to read once the text runs long. The same grid, and large type used the same way on every page, bore the reader. Each inner page here has its own editorial grid. The system stays one.Alotofeditorialsitesarehardtoreadoncethetextrunslong.Thesamegrid,andlargetypeusedthesamewayoneverypage,borethereader.Eachinnerpageherehasitsowneditorialgrid.Thesystemstaysone.
A generic menu would have made the site ordinary. On the homepage the menu is a wear clock. Scroll carries it from spray to heart to verdict. On each fragrance page the clock names the notes, how long they last, and in which order. When the note changes, the background takes the colour token made for that note.Agenericmenuwouldhavemadethesiteordinary.Onthehomepagethemenuisawearclock.Scrollcarriesitfromspraytohearttoverdict.Oneachfragrancepagetheclocknamesthenotes,howlongtheylast,andinwhichorder.Whenthenotechanges,thebackgroundtakesthecolourtokenmadeforthatnote.
At 8:00 the verdict section draws the method by hand. The line is the argument: how a file is written before anyone is sent to a shop.At8:00theverdictsectiondrawsthemethodbyhand.Thelineistheargument:howafileiswrittenbeforeanyoneissenttoashop.
The missing address leaves like a top note. The digits hold, evaporate, and come back when the cycle turns.Themissingaddressleaveslikeatopnote.Thedigitshold,evaporate,andcomebackwhenthecycleturns.
Frames from the case page. Colour, spacing, type, components and more, written out in detail.Framesfromthecasepage.Colour,spacing,type,componentsandmore,writtenoutindetail.
