интернет-магазин крестильной одежды в финляндии на двух языках
- Создать интернет-магазин мастерской на двух языках (англ. и рус.)
- Сделать редизайн логотипа и выбрать фирменный цвет
- Сделать удобную навигацию, учитывая особенности товаров и интересы целевой аудитории
- Подключить платежную систему, которая работает за рубежом
- Сделать качественные фото товаров
- Рассказать об мастерской, товарах и услугах
elen-art
design
Компетенции:
UX | UI
Верстка, CSS
Информационный дизайн
Графический дизайн
SEO
Верстка, CSS
Информационный дизайн
Графический дизайн
SEO
изображение старого логотипа и фото изделия
Задача:
Важно сделать теплый и уютный интернет-магазин на двух языках в рамках одного домена
Старый сайт был внешне не презентабельным, навигация была недоработана. Логотип и фото товаров требовали большой доработки.
Моей задачей было сделать редизайн логотипа, подобрать фирменные цвета, создать уютный и атмосферный магазин мастерской крестильной одежды и аксессуаров для венчания. Сложность состояла в том, что заказчица хотела сделать интернет магазин на двух языках в рамках одного домена. Но Тильда для такого в принципе не предназначена, если только не делать два сайта для двух языков. Локация мастерской в Финляндии, и продажа товаров должна быть ориентирована на русскоязычную аудиторию в Финляндии и Европе.
Еще одной задачей стало - сделать красивые, продающие фотографии изделий.
Еще одной задачей стало - сделать красивые, продающие фотографии изделий.
ЛОГОТИП
Новый логотип я предложила сделать, используя имя и фамилию заказчицы, так как она основатель мастерской. Именно из ее рук выходят крестильные платья для малышей, рукописные иконы и аксессуары для венчания. В логотипе использовала отделочную строчку по краю и элементы сердечка и веточек, похожие на вышивку.
Новый логотип я предложила сделать, используя имя и фамилию заказчицы, так как она основатель мастерской. Именно из ее рук выходят крестильные платья для малышей, рукописные иконы и аксессуары для венчания. В логотипе использовала отделочную строчку по краю и элементы сердечка и веточек, похожие на вышивку.
Новый логотип
ТИПОГРАФИКА
В качестве акцидентного шрифта был выбран необычный шрифт MIRANDA. В пару к нему - простой и лаконичный шрифт TildaSans
В качестве акцидентного шрифта был выбран необычный шрифт MIRANDA. В пару к нему - простой и лаконичный шрифт TildaSans
Акцидентный шрифт для сайта MIRANDA
ИЛЛЮСТРАЦИИ
В оформлении сайта я решила использовать акварельные иллюстрации теплой гаммы - так они создают уютную творческую атмосферу. Около сотни различных иллюстраций было создано с помощью ИИ, 45 из них я разместила на сайте в качестве акцентов и инфографики.
В оформлении сайта я решила использовать акварельные иллюстрации теплой гаммы - так они создают уютную творческую атмосферу. Около сотни различных иллюстраций было создано с помощью ИИ, 45 из них я разместила на сайте в качестве акцентов и инфографики.
Иллюстрации, созданные с помощью ИИ
ФОТОГРАФИИ ИЗДЕЛИЙ
На старой версии сайта фотографии изделий были сделаны непрофессионально. Так как по месту локации, в Финляндии, было проблематично заказать предметную съемку, было решено научить заказчицу фотографировать самостоятельно. Я прислала ей видеоурок, показала настройки камеры на телефоне, какие ракурсы использовать, как выставит свет, и она смогла сама отснять изделия в домашних условиях.
Я понимала, что даже этих фотографий недостаточно для нашего сайта. Поэтому мы решили провести предметную съёмку изделий в России. Наталья как раз приехала в отпуск и взяла с собой весь отшитый текстиль. Мы провели фотосессию для самой Натальи и для ее изделий здесь, в России.
На старой версии сайта фотографии изделий были сделаны непрофессионально. Так как по месту локации, в Финляндии, было проблематично заказать предметную съемку, было решено научить заказчицу фотографировать самостоятельно. Я прислала ей видеоурок, показала настройки камеры на телефоне, какие ракурсы использовать, как выставит свет, и она смогла сама отснять изделия в домашних условиях.
Я понимала, что даже этих фотографий недостаточно для нашего сайта. Поэтому мы решили провести предметную съёмку изделий в России. Наталья как раз приехала в отпуск и взяла с собой весь отшитый текстиль. Мы провели фотосессию для самой Натальи и для ее изделий здесь, в России.
Старое фото
Фото, отснятые самой заказчицей дома ↓
Фото, сделанные в россии. портретная и предметная фотосъемка ↓
МУЛЬТИЯЗЫЧНОСТЬ НА ТИЛЬДА
Наш сайт должен быть на двух языках - русском и английском, но в рамках одного домена.
Самое простое решение - сделать два сайта на разных языках в зоне .ru и зоне .com, например. Но тогда и оплачивать нужно будет два домена и два тарифа на Тильда. Нас это не устраивало.
Самое простое решение - сделать два сайта на разных языках в зоне .ru и зоне .com, например. Но тогда и оплачивать нужно будет два домена и два тарифа на Тильда. Нас это не устраивало.
ОДИН ДОМЕН - ДВА ЯЗЫКА:
Как реализовала - сделала дубли всех страниц на двух языках. На каждой странице сделала меню с выводом каждого пункта соответственно на русскую и английскую версию этой страницы.
КАТАЛОГ ТОВАРОВ:
Проблема состояла в том, что каталог товаров у Тильды один, соответственно и язык один. То есть на разных языках страницы (русской и английской) карточки товаров отображаются на одном языке.
Решением стало создание в каталоге товаров РАЗДЕЛОВ - RU и EN. Продублировала все карточки на английский язык и рассортировала по двум языкам.
При выводе модуля с товарами выбирала раздел, который должен отображаться - на русской или английской странице.
*Если вам интересно, как я это реализовала, пишите мне, я поделюсь своим опытом.
Как реализовала - сделала дубли всех страниц на двух языках. На каждой странице сделала меню с выводом каждого пункта соответственно на русскую и английскую версию этой страницы.
КАТАЛОГ ТОВАРОВ:
Проблема состояла в том, что каталог товаров у Тильды один, соответственно и язык один. То есть на разных языках страницы (русской и английской) карточки товаров отображаются на одном языке.
Решением стало создание в каталоге товаров РАЗДЕЛОВ - RU и EN. Продублировала все карточки на английский язык и рассортировала по двум языкам.
При выводе модуля с товарами выбирала раздел, который должен отображаться - на русской или английской странице.
*Если вам интересно, как я это реализовала, пишите мне, я поделюсь своим опытом.
ПОДКЛЮЧЕНИЕ ПЛАТЕЖНОЙ СИСТЕМЫ
В качестве платежной системы за рубежом (в Финляндии и Европе) были подключены PayPal, платежный шлюз Stripe (для различных карт) и мобильной оплаты MobilyPay.
В качестве платежной системы за рубежом (в Финляндии и Европе) были подключены PayPal, платежный шлюз Stripe (для различных карт) и мобильной оплаты MobilyPay.
Подключение платежной системы Stripe
ИТОГ
Благодаря тесному сотрудничеству с Натальей мы успешно завершили этот проект. Было очень увлекательно погрузиться в мир чистого творчества: создавать акварельные иллюстрации с помощью искусственного интеллекта, подбирать анимацию, разрабатывать навигацию и инфографику. А поскольку я сама когда-то занималась шитьём крестильной одежды, я делала сайт так, будто создавала его для себя.
Благодаря тесному сотрудничеству с Натальей мы успешно завершили этот проект. Было очень увлекательно погрузиться в мир чистого творчества: создавать акварельные иллюстрации с помощью искусственного интеллекта, подбирать анимацию, разрабатывать навигацию и инфографику. А поскольку я сама когда-то занималась шитьём крестильной одежды, я делала сайт так, будто создавала его для себя.
Скрин английской версии сайта
НУЖЕН интернет-магазин или мультиязычный сайт?
