VELOVIA: премиум уеб дизайн за колоездачни лагери с 98/100 PageSpeed на мобилно

Какво ще научите?

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

Ще разгледаме как изградихме визията около „розовите пътища“, как подредихме страниците на лагерите, за да отговарят на въпросите преди кандидатстване, и защо избрахме Next.js и Vercel. Сайтът зарежда за под секунда на десктоп.

Постигнати резултати в рамките на проекта

След публикуването на сайта измерихме началната страница с Google PageSpeed Insights:

• 98/100 Performance на мобилно и 100/100 на десктоп
• 0,5 сек. Largest Contentful Paint на десктоп и 2,3 сек. на мобилно
• 0 Cumulative Layout Shift, т.е. страницата не „подскача“ при зареждане
• 100/100 Best Practices, 96/100 Accessibility и 92/100 SEO
• Двуезичен сайт на английски и български с по 26 страници на всеки език
• 4 отделни страници за лагерите със структурирани данни за събитие
• Форма за кандидатстване, която квалифицира участниците още при първия контакт

Данните са от Google PageSpeed Insights към 4 ноември 2026 г.

Предизвикателството: нов бранд, премиум цена и само 12 места

VELOVIA организира петдневни колоездачни лагери в Родопите. В един лагер има най-много 12 участници. В цената са включени вила, личен готвач, ежедневен масаж, сауна, кола за поддръжка и екип.

Когато започнахме, брандът нямаше история, отзиви от минали сезони и разпознаваемост. Трябваше да убедим колоездачи от Западна Европа да изберат място, за което повечето от тях никога не са чували.

От сайта очаквахме три неща:

• да създаде усещане за премиум преживяване още на първия екран;
• да отговори на практическите въпроси за маршрутите, денивелацията, програмата, цените и настаняването;
• да събира кандидатури вместо общи запитвания, защото местата са малко.

Обичайното представяне с форма за контакт не вършеше работа. Искахме потребителят да стигне до кандидатстването, след като вече е решил, че лагерът е за него.

Визуална идентичност: „Ride the pink roads“

Брандът вече имаше силен акцент: розовите екипи на колоездачите. Решихме да не го смекчаваме и построихме целия дизайн около него.

Шрифтът е Montserrat. Заглавията са с главни букви и плътно тегло, а над тях стои малък ред в магента.

Няколко решения определят визията:

• магентата е запазена за бутони и акценти, затова бутонът „Apply“ винаги се откроява;
• фонът е в топъл каменен цвят вместо чисто бяло и стои по-спокойно;
• ъглите са квадратни, а заглавията са с главни букви, което придава спортен характер;
• снимките от реални карания са големи, а текстът е кратък.

Начална страница, която разказва цялото преживяване

Началната страница следва един ден в лагера, от сутрешното каране до вечерята на общата маса.

Под първия екран има лента с основните показатели: 299 км общо разстояние, 6 088 м денивелация, 3 дни каране, максимум 12 участници, ежедневен масаж, личен готвач и кола за поддръжка. Колоездачът вижда цифрите, които го интересуват, без да превърта.

След лагерите идват ползите от VELOVIA и секцията „The Experience“. Там вилата, готвачът, възстановяването и пътищата са отделни истории и всяка води към своя страница.

Тъмната секция с домакините показва хората зад бранда. Новият бизнес още няма отзиви, затова е важно потребителят да знае кой ще го посрещне.

Страницата завършва с напомняне, че местата са ограничени: „12 riders per camp. When they're gone, they're gone.“

Страниците на лагерите: всичко преди решението

Всеки от четирите лагера има собствена страница. Структурата им е еднаква, за да се сравняват лесно.

Страницата отговаря по ред на въпросите, които колоездачът си задава, преди да плати. Първо вижда какво е включено, разделено в четири колони: настаняване, каране, възстановяване и допълнителни услуги. После идва програмата ден по ден, със снимка, разстояние, денивелация и време за всеки етап.

Таблица с етапите показва колко труден е лагерът. Следват цените за самостоятелна стая, за двойка и за споделена стая, а накрая са често задаваните въпроси.

Форма за кандидатстване, която квалифицира участниците

При 12 места на лагер е важно да кандидатстват подходящите хора. Затова формата пита за неща, по които екипът преценява дали лагерът пасва на колоездача:

• FTP (функционална прагова мощност);
• среден брой километри седмично;
• дали участникът ще носи собствен велосипед или ще наеме;
• размер на джърси и чорапи за екипа;
• предпочитан лагер и допълнително съобщение.

Формата стои в края на всяка страница на лагер и съответният лагер вече е избран в нея. Има и отделна страница за кандидатстване. Екипът отговаря лично до 24 часа.

Мобилна версия

Технологии: Next.js и Vercel

Избрахме Next.js, защото дава скоростта на статичен сайт и гъвкавостта на модерно уеб приложение.

Страниците се генерират предварително и се обновяват на всеки няколко минути, така че потребителят не чака сървъра. Хостингът е във Vercel: съдържанието идва от сървър в Европа, а страниците се зареждат от кеша. Снимките се доставят в размер и формат, подходящи за устройството.

Английската и българската версия имат отделни адреси, свързани правилно за Google. Всеки лагер е маркиран със структурирани данни като спортно събитие с дати, място и цена. Цветовете, шрифтовете и отстоянията са събрани в обща система с Tailwind CSS, което улеснява добавянето на нови страници.

Сайтът има много снимки и пак получава 98/100 за скорост на мобилно и 100/100 на десктоп.

Какво показват резултатите?

VELOVIA показва, че премиум визията и високата скорост могат да вървят заедно.

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

Linkbox създаде визуалната идентичност, структурата и разработката на сайта. В резултат:

• новият бранд има разпознаваем онлайн облик още преди първия си сезон;
• всеки лагер има отделна страница с цялата информация, нужна за решение;
• формата за кандидатстване събира квалифицирани запитвания;
• сайтът зарежда за под секунда на десктоп и получава 98/100 на мобилно.

Имате нужда от сайт, който продава преживяване?

Ако продуктът Ви е премиум, сайтът трябва да го покаже още на първия екран и да отговори на въпросите на клиента, преди той да ги зададе.

Свържете се с Linkbox за изработка на уебсайт, който зарежда бързо и е изграден около целите на бизнеса Ви.

Разгледайте услугите за уеб дизайн