Craftberry По-ранни платформени проекти
Сайт на агенция с визуален дизайн, анимации и редактируемо съдържание.
Проектът накратко
По-ранни проекти за издания, приложения и платформи. Техническите описания се отнасят за първоначалната реализация.
- Нашата работа
- Сайт на агенция с визуален дизайн, анимации и редактируемо съдържание.
- Защо е важно
- Показва работата ни по превръщане на бранд във функционално съдържателно изживяване.
Сайтът на агенцията трябва да показва какво умее.
Craftberry създава прецизно изработени магазини за Shopify Plus брандове. Собственият ѝ сайт трябваше да показва този опит още при първото посещение и да позволява на екипа да променя текстове, подредба и кампании самостоятелно.
Alphabite изгради headless сайт с анимиран интерфейс, който сам по себе си е портфолио, и Storyblok съдържание, което маркетинговият екип управлява директно.
Представяне
Прецизни анимации и ефекти при превъртане, които показват качеството на работата.
Развитие
Всеки блок в Storyblok е редактируем — текст, изображения и подредба — без ново внедряване на кода.
Производителност
Headless архитектура, която съчетава богатото движение с бърза и надеждна работа.
Headless сайт, създаден за движение и промяна.
Пет части, проектирани заедно: интерфейс, Storyblok съдържание, система за анимации, взаимодействие с превъртането и самостоятелно редактиране.
Headless уебсайт
Самостоятелен интерфейс със съдържание от Storyblok, който дава свобода на дизайна без ограниченията на готовия шаблон.
Storyblok CMS
Всяка секция е редактируем блок, така че екипът подрежда и променя страниците визуално, без код.
Развита система за анимации
Обмислени паралакс ефекти, появявания и преходи, които подкрепят премиум усещането.
Анимации при превъртане
Секциите следват превъртането и превръщат страницата в плавен визуален разказ.
Гъвкаво редактиране
Архитектура на съдържанието за експерименти, нови страници и бързи кампании.
Превъртането е част от интерфейса.
Движението определя ритъма на историята. Всяка секция е свързана с превъртането, така че съдържанието се разгръща постепенно. Изпробвайте го тук.
Дълбочина с паралакс
Слоевете се движат с различна скорост и създават усещане за пространство.
Появяване при превъртане
Текстовете и изображенията заемат мястото си, когато влязат в полезрението.
Последователност със задържане
Фиксирани секции дават време на важния момент, докато останалото съдържание напредва.
Съобразено с предпочитанията за движение
Системата спазва предпочитанието за намалени анимации — съдържанието остава ясно и без движение.
Управлявайте движението с превъртане — както в реалния сайт.
Редактирайте и вижте промяната.
Всяка секция е блок, който екипът редактира директно. Променете заглавието, акцента или оформлението — прегледът се обновява на живо, както в реалния редактор.
Пишете в полетата и изберете акцент и оформление — прегледът се обновява, докато редактирате.
Магазин с характер, създаден по мярка.
Агенция за Shopify Plus, която създава headless магазини за брандове с внимание към детайла.
Интерактивна демонстрация с примерни текстове и цветове. Промените тук не засягат реалния сайт на Craftberry.
Headless архитектура с TypeScript и прецизно движение.
Съвременен набор от технологии — Next.js и TypeScript за интерфейса, Storyblok за съдържанието, анимационен слой и Tailwind за дизайн системата.
React приложение с TypeScript и бързо сървърно рендиране.
Типове за моделите на съдържание и компонентите за по-сигурно развитие.
Headless CMS, в която всяка секция е блок за редактиране и подреждане.
Слой за паралакс, появявания и последователности, свързани с превъртането.
Последователна система от стилове за тъмната редакционна визия.
Сайт, който представя работата и позволява бързи промени.
Агенцията получава дигитално присъствие, прецизно като проектите ѝ, и свобода да го развива без постоянна намеса на разработчици.
Присъствие, което показва майсторство
Анимираният разказ превръща началната страница в живо портфолио.
Промени с темпото на маркетинга
Блоковете в Storyblok позволяват на екипа да експериментира и публикува лесно.
Визуален разказ с добра производителност
Headless архитектурата поддържа богато движение, бързина и надеждност.
Лесно публикуване
Нови страници и кампании се публикуват без разработчик — екипът определя темпото.
Какво искате да подобрите в магазина си?
Покажете ни какво продавате, как си представяте магазина и какво ви затруднява. Ще обсъдим възможностите заедно.