طراحی صفحه اصلی پروژه نشر میان‌سطر (Mian-Satr Publishing) برای Mian-Satr — Independent Publisher & Bookstore, Tehran
Case StudyPublishing & Bookselling
08 / 08
~/work/mian-satr

Mian-Satr Publishing

Mian-Satr — Independent Publisher & Bookstore, Tehran· 1405 · ۱۴۰۴· Live · Concept Demo
step 01·نمای کلیOverview

درباره پروژهAbout the project

وب‌سایت نشر و کتابفروشی میان‌سطر، تجربه‌ای تک‌صفحه‌ای است که حول یک اصل ساده ساخته شده: کتاب باید مثل کتاب باشد. قفسه‌ی هفتگی با عطف‌های سه‌بعدیِ بیرون‌کشیدنی، شناسنامه‌ی دقیق هر کتاب، چرخاندن جلد و ورق‌زدن پیش‌نمایش، همه در بازآفرینی حس لمس‌کردن کتاب در فضای دیجیتال‌اند. با باز شدن هر کتاب، رنگِ کل صفحه با حال‌وهوای جلدش هماهنگ می‌شود و روایت ناشر، انتخاب کارکنان، باشگاه کتاب ماهانه و رویدادهای حضوریِ خانه‌ی میان‌سطر کنار هم یک «کتابفروشی ادبی» را می‌سازند.

Mian-Satr is an independent Tehran publisher of fiction, essays and contemporary translations. Instead of a product grid, the site is built as a single-page literary room: a weekly shelf of eight spines you physically pull out, a full spec sheet for every title, a 3D book you can rotate and flip through, staff picks written in the bookseller's own voice, a monthly reading club, and in-store events — all on a paper-and-ink palette that re-themes itself around whichever book you are holding.

step 02·هدفThe Goal

هدف، آوردن تجربه‌ی قفسه‌ی کتابفروشی محبوب محله به وب بود؛ جایی که مخاطب کتاب را از قفسه بیرون می‌کشد، ورق می‌زند و با لحن کتاب‌فروشی که می‌شناسد گفت‌وگو می‌کند — نه یک فروشگاه آنلاین دیگر. ناشری که «کم‌تر منتشر می‌کند، بیشتر می‌خواند»، سایتش هم باید آهسته خوانده می‌شد.

Bring the neighborhood bookstore's shelf experience to the web: a place where you pull a book out, flip through it, and hear the bookseller's voice — not another online store. A publisher that "publishes less and reads more" deserved a site that is meant to be read slowly, too.

step 03·رویکردApproach

به‌جای گرید محصول، یک قفسه‌ی زنده طراحی کردیم: عطف‌های سه‌بعدی بیرون‌کشیدنی در قفسه‌ی هفتگی، و برای هر کتاب یک «اتاق» با تم رنگی خودش — از سبز مریم‌گلی تا سرمه‌ای شب. تایپوگرافی مارکازی‌تکس و وزیرمتن روی بستر کاغذ و مرکب، متن‌های فارسی با لحن آهسته و انسانی («چای روی میز هست. کتاب را خودتان بیاورید.»)، و تعامل‌های لمسی به جای دکمه‌های معمول.

No product grid: a living shelf of pull-out 3D spines, and a "room" per book whose palette follows its cover — sage green, night navy, near-black. Markazi Text and Vazirmatn on a paper-and-ink base, unhurried human Persian copy ("the tea is on the table — bring your own book"), and touch-like interaction in place of standard buttons.

step 04·پالت رنگیColor Palette

پالتی هدفمندA Palette with Intention

Light Surface
Paper Cream
#F2EFE4
Primary
Shelf Ink
#1D1C17
Surface
Shelf Olive
#30362A
Book Theme
Sage
#5F7D5A
Book Theme
Deep Navy
#162336
Accent
Signal Red
#9E2B25
step 05·نمایشShowcase

در دل طراحیInside the Design

step 07·تحویل‌هاDeliverables

چه چیزی تحویل شد

آنچه منتشر شدWhat was shipped

  • 01
    تجربه‌ی تک‌صفحه‌ای ادبی
    One-page literary experience
    × 1
  • 02
    قفسه‌ی زنده با عطف‌های بیرون‌کشیدنی
    Living shelf with pull-out spines
    × 1
  • 03
    نمای سه‌بعدی کتاب (چرخش و ورق‌زدن)
    3D book viewer (rotate + flip)
    × 1
  • 04
    شناسنامه‌ی کتاب
    Book spec sheets
    × 8
  • 05
    باشگاه کتاب و رویدادهای حضوری
    Book club + in-store events layer
    × 1
  • 06
    روایت و متن‌نویسی فارسی
    Persian editorial copywriting
    × 1
step 08·نتایجResults

دستاوردهاThe Numbers

۸
Books on the weekly shelf · کتاب در قفسه‌ی هفتگی
Per book
Room re-theming · تم اختصاصی برای هر کتاب
Live
Concept demo · دموی مفهومی
step 09·پروژه‌های بیشترMore Works

کاوش را ادامه دهیدKeep exploring