Какво предстои — 05
Здраве от природата: как проектирахме аптека без стерилния шаблон
Повечето сайтове на аптеки изглеждат като склад и се усещат като чакалня. Soler е бутикова аптека в Пловдив, която вярва в здравето от природата и в личния съвет на фармацевта, и сайтът ѝ трябваше да се усеща по същия начин. Ето как проектирахме аптека, която диша.
01
Стерилният шаблон
Отворете почти който и да е сайт на аптека и още преди да се е заредил, знаете какво ще видите. Бяла страница с болнично синьо. Въртележка от банери с намаления. Редици еднакви снимки на продукти на бял фон. Червени значки с проценти, които крещят от всеки ъгъл. Стокова снимка на капсули, които се изсипват от шишенце.
Работи — така, както работи един склад. Намирате кутийката и я купувате. Но нищо в него не ви казва кой стои зад гишето, дали някой ще ви помогне да изберете, нито защо да се доверите на тази аптека, а не на онази от съседната улица. Това е каталог, облечен в бяла престилка.
Soler не е такава аптека. Това е бутикова аптека в Пловдив с личен подход, с асортимент, който започва от лекарствата и хранителните добавки и стига до хомеопатия, билки и дермокозметика, и с фармацевти, които по-скоро ще ви попитат нещо, отколкото ще ви пробутат продукт. Ако сайтът ѝ изглеждаше като на всяка друга аптека онлайн, щеше да скрие точно онова, което я отличава.
Затова първото решение беше лесно за казване и по-трудно за изпълнение: никакъв стерилен шаблон. Нито един елемент от стандартния арсенал на аптечните сайтове.
02
От собствените им думи
Преди да изберем какъвто и да е цвят или шрифт, се вслушахме в това как Soler говори за себе си.
Мотото им е „Здраве от природата, лично за Вас.“ Мисията им гласи, че най-важният фактор за доброто качество на живот е навременната грижа за здравето, че удовлетвореността на пациентите е в основата ѝ, а превантивната медицина е техният фокус. А себе си описват чрез шест ценности: „Индивидуален подход“, „Богат асортимент“, „Квалифициран екип“, „Грижа и доверие“, „Локално и достъпно“ и „Съчетава традиция и иновация“.
Прочетете тези думи заедно и заданието се написва само. Природно, а не болнично. Лично, а не анонимно. Спокойно, а не шумно. И холистично: здравето като нещо, което обхваща целия човек, неговата кожа, семейство, дом и навици, а не като списък с продукти за количката.

03
Холистична грижа
„Холистичен“ е дума, която лесно се слага в брошура. В дизайна тя означава нещо съвсем конкретно: сайтът се грижи за цялото посещение, а не само за продажбата.
Затова първото, което виждате, не е промоция. Това е мотото на аптеката, работното ѝ време, адресът на ул. Македония 44 и пряк контакт с фармацевта по телефон и имейл. Индикатор на живо показва дали аптеката работи в момента. Въпросите са добре дошли, преди да сте купили каквото и да е.
Същата логика минава през цялата страница. Съветите стоят до продуктите. Разделът „Четива от аптеката“ предлага „Кратки, спокойни съвети от нашите фармацевти — за здравето, кожата и семейството.“ Там има статии за пробиотиците, витамин D, магнезия и за това какво да има в домашната аптечка, всяка от които се чете за пет минути. Магазинът го има, и то сериозен, но той е само част от отношенията, а не всичко в тях.

04
Палитрата на билковата градина
Цветовете дойдоха от същото място като думите. Основата е топъл кремав тон, по-близък до страница от стара книга, отколкото до болнично бяло, а панелите са в меки пясъчни и мъгливи нюанси. Единственият силен цвят е наситено аптечно зелено, цветът на листата и на аптечния кръст. С него са заглавията, бутоните и менюто. По-тъмно зелено придава дълбочина.
Не по-малко важно е какво липсва. Никъде няма болнично синьо. Няма червено за намаления. Единственият топъл акцент е приглушена теракота, запазена за известията, така че дори предупреждението изглежда премерено, а не тревожно.
Ефектът е тих. Нищо не се бори за вниманието ви и продуктите, снимките и рисунките могат да говорят сами.
05
Един шрифт, като в лечебник
Повечето магазини съчетават изразителен шрифт за заглавията с неутрален безсерифен за интерфейса. Soler има един-единствен шрифт: Lora, серифен, с меки калиграфски извивки. С него е набрано всичко — от огромното заглавие до основния текст и бутоните.
Това променя целия тон на сайта. Серифният шрифт се чете като книга, а един и същ серифен шрифт навсякъде се чете като една книга: стар билкарски наръчник, лечебник, нещо, написано от човек. Текстът е набран с българските форми на кирилицата, с които е израснал българският читател, и затова шрифтът се усеща още по-свой.
Заглавието се изписва така, както би го изписала ръка: буква по буква, всяка намира мястото си. То задава темпото на всичко след него — спокойно, премерено, без бързане.
06
Нарисувано, не купено
Най-важното решение беше да рисуваме.
По краищата на страниците растат ръчно рисувани ботанически илюстрации: висока лилия до мотото в началото, ехинацея, астри и лечебни билки по-надолу. Те не са украса, добавена накрая. Те са гласът на бранда, станал видим — „от природата“ в „Здраве от природата“.

Там, където има снимки, те са подбрани по същия начин. Стъклени шишенца с билкови екстракти, хаван с чукало и сушени цветя, масла и серуми в тъмно стъкло, дълга коса на слънце сред зелени листа. И са надписани като табла в ботанически атлас: „Фиг. I — Масла и серуми“, „Фиг. II — Билки“, „Фиг. III — Хаван“. Това е малка типографска шега, която върши много работа: снимките изглеждат като колекция, а не като покупка.

Рисунка има дори там, където повечето магазини биха показали сиво квадратче. Каталогът е синхронизиран, но докато пиша тези редове, снимките на продуктите още се синхронизират. Продукт, който все още няма снимка, показва малка ботаническа рисунка вместо празна рамка. Дори празнините изглеждат нарочни.

07
Глави, не банери
Шаблонната начална страница е купчина от банери: hero, оферта, оферта, мрежа с категории, бюлетин. При Soler тя се чете като книга — на номерирани глави с римски цифри. II — Аптеката. III — Асортимент. IV — Защо Soler. V — Избрано, най-продаваните. VI — Рафтът. После идват „Четива от аптеката“ и футър, който повтаря мотото, с което сте започнали.
Номерацията стига чак до касата, която минава през свои три глави: I — Количка, II — Поръчка, III — Готово. Дреболия, но тя означава, че и най-функционалната страница в сайта говори със същия глас като най-красивата.


08
Грижа, която се вижда
Природното настроение би значило малко, ако магазинът беше труден за ползване, затова холистичната идея става практична именно в детайлите.
Менюто отваря всеки от петте отдела — Здраве, Красота, Майка и бебе, Медицински изделия и Други — със снимка, изречение за това какво ще намерите и всички подкатегории. Дори подкатегориите имат свои нежни изображения вместо снимки на опаковки: чаша чай от лайка за билковите чайове, джинджифил и мед за имунитета, стрък лавандула, зелена ябълка, увита в шивашки метър, за диетата. Разпознавате онова, което ви трябва, още преди да сте прочели надписа.

Търсачката отговаря, докато пишете, с цена до всеки резултат, така че веднага разбирате дали аптеката има онова, за което сте дошли. Секцията „От нашите рафтове“ показва какво са подбрали фармацевтите днес, отдел по отдел. Цените са ясни и в евро. А в карето с работното време стои малка емблема с античния амфитеатър на Пловдив — тихо напомняне, че това е местна аптека с истински адрес, а не анонимен склад.
09
Спокойствието е бизнес решение
Рядко някой отваря сайта на аптека за удоволствие. Хората идват с кашлица, с въпрос на притеснен родител, с обрив, който не минава, с лекарство, което трябва да разберат. Мнозина пристигат леко разтревожени. Страница, пълна с мигащи намаления, добавя шум към момент, в който и без това има достатъчно шум.
Спокойната страница прави обратното. Въздухът и меките цветове свалят температурата. Истинският адрес и телефонът на фармацевта казват, че отсреща има човек. Съветът, който идва преди продажбата, казва, че за аптеката е важно да купите правилното нещо, а не каквото и да е. Така се гради доверие на гишето и точно така се гради и онлайн.
А и това е просто добър бизнес. Клиентът, който има доверие на своята аптека, се връща, пита отново и я препоръчва на приятел. Клиентът, на когото са крещели, купува веднъж, на най-ниската цена, която намери. За бутикова аптека, която се конкурира с големите вериги, отношенията с хората са предимството, а дизайнът трябва да ги пази, вместо да ги разменя срещу още един банер.
10
Истински магазин зад тишината
Нищо от това не е просто moodboard. Под кремавия фон и рисунките работи пълноценен онлайн магазин.
Продуктовият каталог вече е синхронизиран и наброява 163 страници, с филтри по отдел и категория, а лентата с най-продаваните показва цена и бутон за купуване на всеки продукт. Поръчката е съобразена с това как наистина се пазарува в България: доставка до офис на Еконт, до Еконтомат или до адрес и наложен платеж.

И сайтът е честен за това докъде е стигнал. Тънка зелена бягаща лента в горната част на всяка страница съобщава: „Онлайн магазинът е в последна подготовка · Зареждаме продуктите и снимките · Поръчките отварят съвсем скоро“. Касата повтаря същото, а междувременно предлага телефона на фармацевта — за наличности и съвет. Да кажеш направо „още не“ е част от същия личен подход: сайтът никога не се преструва, че е стигнал по-далеч, отколкото е в действителност.
И още един детайл, за онези, които забелязват такива неща: движението в Soler следва същата easing крива, която използва и този сайт. Малък подпис, пренасян от проект в проект.
11
Какво научих
Няколко урока, които ще запомня:
- Започнете от думите на клиента. „Здраве от природата, лично за Вас“ направи за този дизайн повече, отколкото би могъл който и да е борд с трендове.
- Спокойствието е предимство в бранш, който крещи. Когато всички конкуренти разчитат на значки и банери, хората запомнят тихия сайт.
- Рисувайте, вместо да купувате стокови снимки. Илюстрацията дава на бранда глас, какъвто стоковата снимка никога няма да му даде.
- Един шрифт може да е достатъчен. Един-единствен серифен шрифт, използван добре, превърна целия сайт в една книга.
- Нека интерфейсът бъде честен. Бягаща лента с „Поръчките отварят съвсем скоро“ гради повече доверие от всяко фалшиво „в наличност“.
- Заложете на местното. Емблемата с античния амфитеатър и истинският адрес напомнят, че зад екрана има истинска аптека и истински хора.
12
Заповядайте в аптеката
Soler вече е онлайн на soler.bg, а поръчките отварят съвсем скоро. Пълната видео обиколка можете да видите в казуса Soler.bg.
А ако бизнесът ви се дави в шаблон, който изглежда като на всички останали, разкажете ми за това. Винаги има версия на вашия сайт, каквато няма никой друг.


