Flâneuse's main stage is not a product hero, but a living magazine cover that is reconstructed every month.
More than an art website: a living publishing system
I did not treat Flâneuse Mag merely as a showcase where artist images are shared. The real problem of the product was to transform content with different rhythms—current articles, long interviews, artist profiles, work archives, monthly magazines and periodical exhibitions—into a comprehensible publication flow under a single brand. While each type of content demands its own reading and discovery behavior, the user still had to feel like they were staying in the same editorial universe.
That's why I built the information architecture around five main publication surfaces: Stream, Artists, Interviews, Exhibition and Magazine. The home page is not a catalog summarizing these surfaces; A curatorial cover that highlights that month's issue, introduces new artists, lists current interviews and articles, and opens the door to the online exhibition. Content comes dynamically from Sanity and the page stays updated with a 60-second revalidation; The frontend does not need to be redeveloped when the editorial team publishes new content.
Editorial identity and visual system
I moved Flâneuse's visual language away from a standard blog or lifestyle magazine template. Black and white surfaces establish the gallery's feeling of walls and space, while hot pink carries the active selections and numerical signs within the publication. Wide serif headings emphasize the weight of criticism and art history publications; Compressed sans-serif labels, large numbers and thin lines give the rhythm of the contemporary magazine. In Hero, numbers like Issue 19 become not just metadata, but an architectural element of the screen.
The design system can change tone depending on the content type. The homepage and exhibition use a dark, stagey atmosphere, while the artist catalog and interviews transition to a white, high-contrast and legible editorial surface. These transitions don't break up the brand; navigation, typography, pink highlight, grid and micro tag system maintain the same grammar on all pages. On mobile, compositions don't just get smaller: header sizes, catalog filters, card columns, exhibit controls, and magazine pages re-fit into the natural vertical flow of the screen.
Curated artist library: alphabetical navigation, free search, discipline filter and grid/list views.
Artist catalogue: between discovery and archive
I didn't leave the Artists field as an endless row of cards. The user can scroll through 35 artists by alphabetical index, search for names, filter by discipline, and switch between grid and list view. Labels such as painting, photography, collage, sculpture, new media, illustration and interdisciplinary practices are not just decorative badges; True filters of exploratory behavior. The results counter makes the scope of the user's active selection instantly visible.
Each artist profile combines name, portrait, bio, tags, social links and work archive into a common data model. If the artist has an interview or a related exhibition, these do not remain separate islands of data; becomes the ongoing editorial context of the profile. The special archive and exhibition panels I developed within Sanity Studio allow the editor to manage relevant works and exhibitions without leaving the artist document. Thus, the relational discovery we see in the frontend is also based on a sustainable publishing operation on the CMS side.
The Forum interview surface: strong title hierarchy, long reading rhythm and ample space devoted to the artist's visual world.
Long reading experience in interviews and articles
When moving the interviews from the list card to the detail page, I took the breath of the printed magazine as a reference, not the density of the news site. The Forum tag, artist name, large serif headline, short editorial introduction and full-width cover image prepare the reader for the content. Portable Text based body; The frontend implements a consistent reading width and typographic hierarchy, while allowing subheadings, paragraphs, quotes, links and images to be freely edited by the editorial team.
Articles, interviews, announcements, archive records, artists, magazine issues and exhibitions are transformed into a common content agreement on the Stream side. While each type has its own card component, the Stable Masonry layer reduces page scrolling by distributing different image ratios into regular columns. When the filter changes, the content comes again via the API; Continuation loading working with IntersectionObserver fetches the new batch as the user nears the end. Session-based seeding ensures that the initial content does not lose editorial priority while maintaining the visual rhythm of the stream.
The exhibition is no longer an external embed; A three-dimensional publication format by Flâneuse, which manages works, rooms, tour stops and artist biographies.
Three-dimensional exhibition that lives in the browser
One of Flâneuse's most comprehensive product layers is the online exhibition experience. Working with React Three Fiber and Three.js, the viewer takes the user not to a static visual gallery, but to a place where they can move to the point they choose on the floor, look by dragging, and follow the curatorial route with arrows. The works are placed on the wall with real location, size and direction information; At the active stop, title, artist and queue information are visible. Sections such as Room 01 / Threshold, Room 02 / Close Look and Room 03 / Echo are not just navigation, but the narrative structure of the exhibition.
The Tour model includes work stops first, then artist cards. The artist stop is not a decorative panel; a real interaction point that, when selected, opens the biography dialogue. In mobile controls, swipe and forward-backward behavior, dialog focus, scroll boundaries and screen fit were handled separately. Since the route does not change before the cover is loaded, the old and new pages do not mix when entering the exhibition; Viewer assets are being prepared while the transition panel with the white logo covers the route. The opening texts also vary in curatorial language, such as "The tags are being arranged", "A painting is being moved a little to the left" or "The curator takes a last look".
Putting exhibition production under the editor's control
In order for the three-dimensional experience to be sustainable, each new exhibition had to not require developer intervention. Exhibition Builder in Sanity Studio; It transforms the exhibition document, cover image, room structure, work selection, layout, scale, direction, hotspot and artist relations into a production tool that the editorial team can manage. The cover can be selected from an existing work or uploaded separately; It accesses the saved image reference frontend query and exhibition preview with the same contract.
The important decision at this layer was not to reinvent a working domain with a new schema, but to complete the existing data flow end-to-end. Schema field, builder form state, registration payload, GROQ query and viewer consumption were verified together. Since artist and work references remain normal Sanity relationships, the publishing team can use the same person in profiles, interviews, archives and exhibitions without re-entering data. Studio's separate build also provides a production gate independent of the main frontend.
63-page digital issue; It's read in-browser, with a double page rhythm, page turning, sharing and PDF download controls.
Digital magazine reader
I didn't just leave the monthly issues as a downloadable PDF link. Magazine detail closes the site navigation and switches to a full-screen, dark reading environment; Number information, closing, sharing and downloading actions remain on the top bar. The react-pageflip-based reader maintains the double-page rhythm of the print publication on the desktop, and converts to natural single-page navigation on small screens. While meters like Page 1–2 of 63 keep the reading position open, the before and after controls are disabled according to the actual limit states.
The PDF file comes from the Sanity asset layer; The reader is loaded dynamically client-side, preventing the heavy document engine from affecting the initial load of normal publication pages. The user can either flip pages within the application or download the same resource as a high-quality PDF. This approach preserves the design integrity of the print magazine, while moving Flâneuse from a website that merely announces issues to a true digital publication.
Bilingual content, search and discovery infrastructure
The platform does not reproduce Turkish and English content in separate copies. Title, slug, summary, body, bio and tag fields are kept in the same document with locale-aware Sanity schemas. GROQ queries read the active language from the cookie and select the current translation; If the relevant language is missing, Turkish or English fallback is used. Canonical and hreflang metadata, sitemap, robots, Open Graph and dynamic brand images complete the search engine layer of this publishing model.
Global search; It brings together artists, interviews, articles and other types of content on a common result surface. The lightweight interest profile on the feed side weights the categories and tags the user reads only in their browser. If explicit personalization is rejected, cookie snapshots are not written; Once accepted, only the compact summary of the strongest interest signals is passed on to server-side ranking. This approach maintains user control and data minimization without imposing a heavy account or identity requirement to enhance discovery.
Content operation, measurement and publication reliability
Sanity is not just a text input panel, it's Flâneuse's publishing operating system. There are separate schemes for articles, interviews, artists, work archives, exhibitions, magazines, home pages, announcements, social content design, SEO and site settings. Special Studio tools transform flows where the standard form is not sufficient, such as magazine and exhibition production, into visual editors. When content is published, the webhook and revalidation layers update the frontend; The editorial team can open a new issue, artist or exhibition without waiting for distribution.
Supabase migrations provide separate data contracts for newsletter subscription, page views, content statistics, weekly engagement and real-time updates. The insights surface in Studio can read these operational metrics without consuming the Sanity quota. Newsletter API manages subscription and campaign submission, and Resend integration manages the delivery layer. Since the cookie drawer handles analytics and personalization preferences separately, the measurement system does not get in the way of the broadcast experience.
While adding to the portfolio, I observed the live homepage, artist catalogue, interview detail, 3D exhibition and 63-page magazine reader on the desktop again. In the current source, lint, 26 tests and Next.js production build have been completed successfully. Flâneuse Mag; It is one of the most comprehensive works combining brand design, long-form editorial experience, CMS operation, 3D web technologies and sustainable digital publishing in the same product.
