<!-- Canonical: https://88lab.eu/klienti/ellieand-co/ -->

[Всички проекти](https://88lab.eu/portfolio/)

ПЕРСОНАЛИЗИРАНИ ПОДАРЪЦИ

# Ellie & Co

Личният подарък започва с личен избор

[Посети сайта](https://ellieand.co/)

GSAP Конфигуратор Персонализация Количка

![Проект Ellie & Co на 88Lab](https://88lab.eu/media/ellieco-20261026.webp)
Реален проект от портфолиото на 88Lab · Ellie & Co 

01 / КОНТЕКСТ И ЗАДАЧА

## Личният подарък започва с личен избор

Ellie & Co създава персонализирани плюшени слончета с име, дата или специално послание. Нужно беше подаръкът да се усеща личен още на екрана: посетителят да избере цвят, да види надписа върху ушичките и да запази детайлите до запитването, включително когато персонализацията ще се уточнява по-късно.

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

### Подаръчната кутия като начало на историята

Сцената използва отделни изображения на основата, капака и слончето, синхронизирани със скрола. Розовият, синият и жълтият вариант се показват с плавно преливане; движението работи и в обратна посока. Адаптирахме композицията за телефон и включихме поддръжка за намалено движение.

### Конфигуратор с преглед върху продукта

Посетителят избира цвят на слончето, ляво, дясно или две уши, както и вариант без надпис. Името, датата и краткият текст се показват непосредствено върху продукта. Четири цвята на конеца, два стила на шрифта и превключване към изглед с подаръчна кутия помагат изборът да бъде направен преди добавяне в количката.

### Количка, която пази всеки детайл

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

### От избрания подарък до реално запитване

Формата събира данни за получател и доставка и изпраща подробностите за избраните слончета до фирмения имейл. Сървърът проверява данните и сумите, а посетителят получава потвърждение с референция. Това е запитване за уточняване на поръчката, без онлайн плащане. Добавихме често задавани въпроси, продуктови структурирани данни, метаданни, favicon и локални WOFF2 шрифтове.

02 / КАКВО ИЗГРАДИХМЕ

## Детайлите правят
цялото

- 01 Индивидуален адаптивен дизайн с оригинални продуктови изображения

- 02 GSAP скрол анимация с отваряне и затваряне на подаръчната кутия

- 03 Три цвята на слончето с последователно представяне

- 04 Визуален избор на ляво, дясно, две уши или без надпис

- 05 Преглед на име, дата и послание директно върху ушичките

- 06 Четири цвята на конеца и два стила на шрифта

- 07 Превключване между персонализиран продукт и подаръчен комплект

- 08 Количка със запазване, редакция, количества и обща сума

- 09 Слонче сега и карта за персонализация след получаване

- 10 Избор на повод и отделно поздравително послание

- 11 Имейл запитване с данни за доставка и референтен номер

- 12 FAQ, продуктови структурирани данни, WebP и локални WOFF2 шрифтове

РЕАЛИЗИРАНОТО РЕШЕНИЕ 

Историята на бранда и изборът на подарък са свързани в едно изживяване. Посетителят вижда персонализацията преди запитването, а екипът получава конкретните варианти, надписи, количества и данни за доставка в подредено съобщение.

## Имате подобен проект?

[Да поговорим](https://88lab.eu/contact/?service=%D0%9E%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD%20%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B8)

СЛЕДВАЩ ПРОЕКТ [## Fiesta.bg](https://88lab.eu/klienti/fiesta-bg/)
