KP Solar GroupЕдна Odoo платформа за склад, продажби, партньори и сервиз в две държавиЗапазен дизайн:
Оригиналният дизайн, вече върху платформа на Next.js, готова за реално ползване.
От прототип в Replit до уебсайт за реално ползване
Нов уебсайт на Next.js със Sanity CMS и работещи имейли за VRC JOBS, българската платформа за гъвкава заетост, с непокътнат оригинален дизайн.
Гъвкава заетост и наемане на персонал · БългарияРазмер на компаниятаСтартъп
ДържаваБългария
УслугаРазработка на уебсайт и CMS
ПлатформаNext.js · Sanity · Netlify
Продължителност1 седмица + итерации
ИндустрияГъвкава заетост и наемане на персонал
Изтеглете целия проект (PDF)Въведете служебния си имейл и ще отворим PDF файла.
Благодарим! PDF файлът ще се отвори в нов раздел.
За клиента
Отличен дизайн, останал в прототип.
VRC JOBS е българска платформа за гъвкава заетост. Работниците запазват почасови и сезонни смени и получават плащане всяка седмица, а компаниите заявяват временен персонал онлайн. Публичният уебсайт е мястото, където и работниците, и компаниите се запознават с платформата, преди да се регистрират.
VRC JOBS дойде с готов дизайн: React прототип от около 40 страници, генериран с Replit. Той беше ценен като структура и съдържание, но не беше уебсайт, готов за реално ползване.
- 01Съдържание, вградено в кода Всяка промяна на текст изискваше разработчик и нова версия.
- 02Невидим за търсачките Мета таговете се задаваха с JavaScript след зареждането, затова търсачките виждаха само общ текст.
- 03Грешен език, липса на карта на сайта Страницата беше отбелязана като английска и нямаше карта на сайта (sitemap) за индексиране.
- 04Форми, които не изпращаха нищо Успехът беше само симулиран, затова всяко запитване се губеше.
- 05Един голям пакет Всички страници се зареждаха наведнъж, което забавяше първото посещение.
- 06Дизайн, който трябва да се запази Новата версия на сайта не трябваше да променя нищо визуално.
Подход
Същият дизайн, нови основи.
Вместо да започне отначало, Voidweb запази дизайн системата, Tailwind токените и UI компонентите на прототипа и преизгради онова, което е отдолу. React прототипът беше мигриран към Next.js със статично генериране, така че всяка страница се доставя с готов HTML, заглавие и описание.
Съдържанието, което се променя често, беше преместено в Sanity CMS, формите бяха свързани с реална доставка на имейли чрез Resend, а сайтът беше пуснат в Netlify.
Екип. Разработчик, който работи с Claude Code и Cursor (разработка с помощта на AI) и достави основната миграция за около една седмица, последвана от итерации. Избрахме този подход за най-добър резултат в най-кратък срок и на най-ниска цена.
Две групи потребители. Работниците намират почасови и сезонни смени, четат как работи платформата и получават отговори в помощния център. Компаниите разглеждат решения по индустрии, четат казуси и заявяват персонал. И двете групи са насочени към регистрация в платформата на VRC JOBS, а съдържанието за всяка от тях се управлява отделно в Sanity.
01
Миграция
React прототипът е мигриран към Next.js, дизайнът е непроменен.
02
Sanity CMS
Модели за работни позиции, отзиви, често задавани въпроси, блог, помощен център и други.
03
Форми и имейли
Формата за контакт и бюлетинът се доставят чрез Resend.
04
SEO и производителност
Мета данни, генерирани на сървъра, карта на сайта и разделяне на кода.
05
Пускане и предаване
Внедряване в Netlify и видео ръководство за Sanity
Системата
Уебсайт, който екипът управлява сам.
Front-end на Next.js. Всички страници на прототипа, мигрирани към Next.js със статично генериране, включително началната страница, секциите за работници и компании, осем страници по индустрии, страници „За нас“, контакти и страница 404. Оригиналният дизайн, Tailwind токените и UI компонентите бяха пренесени без визуална промяна.
Динамично съдържание в Sanity. VRC JOBS управлява без разработчик съдържанието, което се променя често: работни позиции, отзиви, често задавани въпроси за работници и компании, блог с автори и категории, помощен център с търсене, казуси, правна информация и общи настройки на сайта. Смесени страници, като началната, вземат работни позиции, отзиви и често задавани въпроси от Sanity. Съществуващото съдържание беше мигрирано, така че екипът започна с попълнена система.
Незабавно публикуване. Build hook между Sanity и Netlify обновява сайта автоматично, когато екипът натисне „Publish“.
Форми и имейли. Формата за контакт и абонирането за бюлетин изпращат реални имейли чрез Netlify Functions и Resend, с валидация на сървъра, удостоверяване на домейна със SPF, DKIM и DMARC, брандирани HTML шаблони и защита от спам.
SEO основи. Генерирани на сървъра заглавия и описания за всяка страница, Open Graph тагове, правилен български език на страницата, автоматични sitemap.xml и robots.txt, структурирани данни и постоянни 301 пренасочвания от старите адреси.
Производителност. Код, разделен по страници, модерни формати за изображения с отложено зареждане (lazy loading) и локално хоствани шрифтове. Сайтът е изграден с цел над 90 точки в Lighthouse за мобилни устройства.
Хостинг и предаване. Внедрен в Netlify с глобален CDN, автоматичен SSL и прегледи преди внедряване. Записано видео ръководство показва на екипа как да използва Sanity Studio.
Технологичен стек. Next.js, React, TypeScript, Tailwind CSS, Sanity CMS, Resend, Netlify. Разработка: с помощта на AI с Claude Code и Cursor.
Резултати
Готов за реално ползване за една седмица.
Мигновени обновявания на съдържанието:
Работни позиции, отзиви, често задавани въпроси, блог и помощни статии се променят директно в Sanity.
Без нужда от разработчик:
Екипът публикува сам, а сайтът се обновява автоматично.
Запитвания, които пристигат:
Имейлите от формата за контакт и от бюлетина се доставят надеждно чрез Resend.
Намира се от търсачките:
Мета данни, генерирани на сървъра, български език, sitemap и пренасочвания.
Бърз на всяка страница:
Код, разделен по страници, и доставка от глобалния CDN на Netlify.
Voidweb запазиха дизайна, който обичахме, и го превърнаха в истински, бърз уебсайт. Сега нашият екип сам актуализира работни позиции, отзиви и статии за броени минути.
Иван Стефанов, съосновател, VRC JOBS
Защо се получи
Запази онова, което работи, преизгради онова, което има значение.
Уважение към вече направеното: Voidweb запази дизайна, който VRC JOBS вече харесваше, и преизгради само онова, което е отдолу. Доставка, ускорена с AI: с Claude Code и Cursor основната миграция беше завършена за около седмица, за част от времето и цената на традиционно преизграждане. Собственост върху съдържанието: като създатели на собствен SaaS – Inverso, знаем, че един уебсайт трябва да е лесен за управление, затова екипът вече публикува, без да чака разработчици.
Безплатна консултация
Споделете как да помогнем
Разкажете ни къде срещате трудности или какви са вашите идеи.