Портфолио Свържете се
Всички проекти

Избрани проекти — Сайт на студио

Behub

Business Hub Development — студио за уеб дизайн, дигитален маркетинг и развитие на бизнеса в София, представено като хартиен терминал, който стартира, пренарежда се и води лог на собствения си процес.

01 — Заданието

Студио, което показва как работи

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

02 — Подходът

Хартиен терминал

Сайтът стартира като машина: монтира архива с проекти, зарежда двата си шрифта — Martian Mono и Literata — проверява размерите на екрана и засича местоположението на студиото в София, преди логото business hub development да се свие до behub/dev. Командни промптове, хеш на билда и таймер за рендиране присъстват във всяка секция — върху сив фон като на e-ink екран и с едно-единствено електриково синьо.

Посетителите избират между хартиен и тъмен режим за четене и могат изцяло да изключат анимациите. Едно и също оформление се пренарежда на живо от монитор с 1920 px до телефон с 390 px, шестте услуги се четат като .md файлове в хоризонтална лента, клиентите са подредени по разстояние от София, а стъпките на процеса сами се отчитат с [ ok ].

03 — Резултат

Какво изградихме

  • Бранд идентичност и арт дирекция
  • Интерфейс в стил терминал с режими за четене
  • Секции за услуги, процес и портфолио
  • Форма за запитване по проект
  • Адаптивна изработка за всички устройства

04 — Видео обиколка

Сайтът в действие

05 — Детайли

Накратко

Сектор
Уеб дизайн студио
Локация
София, България
Изработка
Сайт и портфолио на студиото
Сайт
behub.dev

06 — Дизайнът

Екрани

Началната страница на Behub — логото „business hub“ по средата на трансформацията си в behub/dev, със син терминален курсор
Панелът за режим на четене на Behub — хартиена или тъмна тема и включени или изключени анимации
Адаптивната демонстрация на Behub — същото оформление, свито до екран на телефон от 390 px
Процесът на Behub — стъпките от заданието до пускането, отчетени с [ ok ] като в терминал

Още проекти

Вижте всички проекти