Tworzenie logo dla strony internetowej, projektowanie profilu Instagram i FB

Потрібно виконати повний редизайн чинного інтернет-магазину ROBO: https://robo.org.ua/ Сайт уже працює, товари та основний функціонал є. Потрібно не створювати новий сайт із нуля, а повністю переробити його дизайн, структуру сторінок і користувацький шлях до покупки. Основна мета редизайну — зробити сайт сучасним, зручним, зрозумілим і максимально продаючим. Основний трафік буде надходити з реклами Meta — Facebook та Instagram. Більшість покупців переглядають сайт зі смартфонів, тому особливу увагу потрібно приділити мобільній версії. Людина, яка вперше переходить на сайт із реклами, повинна одразу зрозуміти: — що це за товар; — які його основні переваги; — скільки він коштує; — що входить у комплект; — як здійснюється доставка та оплата; — чи можна довіряти магазину; — як швидко оформити замовлення. Потрібно проаналізувати чинний сайт, знайти основні проблеми в дизайні, структурі та зручності використання, а після цього запропонувати новий UI/UX-дизайн у Figma. Потрібно розробити повну комп’ютерну та мобільну версії сайту. Що потрібно розробити: Шапка сайту. Потрібно повністю переробити шапку сайту для комп’ютерної та мобільної версій. У шапці мають бути: — логотип магазину; — кнопка «Каталог товарів»; — меню основних категорій; — пошук по сайту; — номер телефону; — кнопка швидкого зв’язку; — графік роботи; — обране; — особистий кабінет, якщо він використовується; — кошик із кількістю товарів; — мобільне бургер-меню; — інформація про доставку, оплату або актуальну акцію. Шапка повинна бути компактною, зрозумілою та не займати забагато місця. Під час прокручування сторінки потрібно передбачити закріплену скорочену шапку з основними елементами: логотипом, каталогом, пошуком і кошиком. Мобільне меню. Потрібно окремо розробити зручне мобільне меню, у якому будуть: — каталог товарів; — категорії; — пошук; — контакти; — доставка й оплата; — гарантія та повернення; — відгуки; — обране; — кошик; — кнопки зв’язку через телефон або месенджери. Головна сторінка. На головній сторінці потрібно розробити: — головний банер із чіткою пропозицією; — акційні товари; — популярні категорії; — хіти продажу; — новинки; — товари зі знижками; — переваги магазину; — інформацію про доставку та оплату; — відгуки покупців; — блок довіри до магазину; — рекомендовані товари; — відповіді на популярні запитання; — підписку або заклик перейти до каталогу; — нижню частину сайту. Головна сторінка не повинна бути перевантаженою. Її основне завдання — швидко направити користувача до потрібного товару або категорії. Сторінка категорії товарів. Потрібно розробити: — назву категорії; — короткий опис; — підкатегорії; — фільтри; — сортування; — картки товарів; — позначки «Хіт», «Новинка», «Знижка»; — актуальну та стару ціну; — рейтинг; — кількість відгуків; — кнопку додавання до кошика; — можливість додавання в обране; — пагінацію або кнопку «Показати ще»; — мобільну версію фільтрів. Картки товарів мають бути сучасними, зрозумілими та не перевантаженими зайвою інформацією. Сторінка товару. Сторінка товару є найважливішою частиною сайту. Вона повинна поєднувати функціонал інтернет-магазину та структуру продаючого лендингу. Потрібно розробити правильну послідовність блоків, яка допоможе користувачу швидко прийняти рішення про покупку. У першому екрані сторінки товару повинні бути: — назва товару; — артикул; — рейтинг; — кількість відгуків; — галерея фотографій; — відео товару; — актуальна ціна; — стара ціна; — розмір знижки; — інформація про наявність; — варіанти кольору або комплектації; — кількість товарів; — основна кнопка «Купити»; — кнопка швидкого замовлення; — короткі основні переваги; — інформація про доставку; — інформація про оплату; — гарантія та повернення; — інформація про комплект. Після першого екрана потрібно розмістити: — короткий блок основних переваг; — демонстрацію товару в реальному використанні; — проблему, яку вирішує товар; — детальний опис; — фотографії та відео; — основні характеристики; — що входить у комплект; — інструкцію з використання; — порівняння з іншими товарами або звичайними аналогами; — кому підійде товар; — блок доставки та оплати; — гарантію й умови повернення; — відгуки покупців; — відгуки з фото та відео; — запитання та відповіді; — рекомендовані товари; — супутні товари; — товари, які часто купують разом; — повторний заклик оформити замовлення. У мобільній версії потрібно зробити закріплену нижню панель із ціною та кнопкою «Купити». Також необхідно передбачити зручне перемикання між розділами: — опис; — характеристики; — відгуки; — запитання; — доставка й оплата. Блок доставки та оплати. Потрібно розробити окремий зрозумілий блок, у якому буде зазначено: — доставка Новою поштою; — орієнтовний термін доставки; — можливість оплати під час отримання; — онлайн-оплата; — оплата на рахунок; — вартість доставки; — умови безкоштовної доставки, якщо вона діє; — обмін і повернення; — гарантія. Ця інформація має бути видимою ще біля кнопки «Купити», а також дублюватися нижче на сторінці. Відгуки. Потрібно розробити сучасний блок відгуків: — загальний рейтинг товару; — кількість відгуків; — розподіл оцінок; — ім’я покупця; — дата відгуку; — позначка «Підтверджена покупка»; — текст відгуку; — фотографії; — відео; — оцінка товару; — відповідь магазину; — кнопка «Залишити відгук»; — сортування відгуків. Відгуки повинні викликати довіру та бути зручними для перегляду зі смартфона. Характеристики товару. Потрібно створити окремий зрозумілий блок характеристик. Характеристики мають відображатися у вигляді структурованого списку або таблиці, яка добре виглядатиме на комп’ютері та смартфоні. Запитання та відповіді. Потрібно розробити блок, у якому покупці зможуть: — переглядати популярні запитання; — відкривати та закривати відповіді; — поставити власне запитання; — побачити відповідь магазину; — переглянути дату відповіді. Кошик. Потрібно розробити повну та мініверсію кошика. У кошику повинні бути: — фото товару; — назва; — вибрана комплектація або колір; — ціна; — стара ціна; — кількість; — можливість видалити товар; — промокод; — сума замовлення; — вартість доставки або інформація про неї; — рекомендовані товари; — кнопка «Оформити замовлення»; — кнопка «Продовжити покупки». Оформлення замовлення. Потрібно зробити максимально просте оформлення замовлення без зайвих полів. Основні поля: — ім’я; — номер телефону; — населений пункт; — відділення або поштомат Нової пошти; — спосіб доставки; — спосіб оплати; — коментар до замовлення; — промокод; — склад замовлення; — підсумкова сума; — кнопка підтвердження замовлення. Також потрібно передбачити повідомлення про успішне оформлення замовлення. Пошук по сайту. Потрібно розробити: — рядок пошуку; — підказки під час введення; — популярні пошукові запити; — товари в результатах; — категорії в результатах; — сторінку результатів пошуку; — повідомлення, якщо нічого не знайдено. Обране. Потрібно розробити сторінку обраних товарів із можливістю: — переглядати збережені товари; — видаляти товари; — додавати товари до кошика; — продовжувати покупки. Інформаційні сторінки. Потрібно розробити дизайн сторінок: — доставка й оплата; — гарантія; — обмін і повернення; — про магазин; — контакти; — політика конфіденційності; — публічна оферта; — популярні запитання. Сторінка контактів. Потрібно передбачити: — номер телефону; — електронну пошту; — графік роботи; — месенджери; — соціальні мережі; — форму зворотного зв’язку; — юридичну інформацію про магазин. Нижня частина сайту. Потрібно повністю розробити футер сайту. У футері повинні бути: — логотип; — коротка інформація про магазин; — каталог; — популярні категорії; — інформація для покупців; — доставка й оплата; — обмін і повернення; — контакти; — графік роботи; — соціальні мережі; — способи оплати; — юридична інформація; — політика конфіденційності; — публічна оферта. Системні сторінки та повідомлення. Необхідно передбачити дизайн таких станів: — товар додано до кошика; — товар додано до обраного; — помилка заповнення форми; — товару немає в наявності; — порожній кошик; — порожнє обране; — нічого не знайдено; — сторінка 404; — успішне оформлення замовлення; — помилка оплати; — завантаження сторінки; — повідомлення про використання файлів cookie. Дизайн-система. Потрібно створити єдину дизайн-систему, яка включатиме: — кольори; — шрифти; — заголовки; — кнопки; — поля введення; — картки товарів; — іконки; — відступи; — модальні вікна; — повідомлення; — активні та неактивні стани; — стани наведення; — мобільні компоненти. Усі елементи мають бути оформлені як компоненти у Figma. Цільова аудиторія: Покупці з України, які шукають товари для дому, авто, дітей, електроніку, подарунки та корисні гаджети. Значна частина користувачів переходить на сайт із реклами Facebook та Instagram. Переважно вони користуються смартфонами та можуть уперше бачити бренд ROBO. Тому сайт повинен: — швидко завантажуватися; — викликати довіру; — зрозуміло показувати переваги товару; — не перевантажувати користувача; — спрощувати оформлення замовлення; — добре виглядати на різних розмірах екрана; — мотивувати користувача купити товар. Вимоги до дизайнера: — досвід у дизайні інтернет-магазинів; — досвід створення продаючих сторінок товарів; — розуміння UI/UX; — розуміння мобільної адаптації; — уміння працювати у Figma; — розуміння поведінки користувачів, які переходять із реклами; — портфоліо зі схожими роботами; — готовність аргументувати запропоновані рішення; — можливість внести правки після презентації дизайну. Очікуваний результат: — повний дизайн інтернет-магазину у Figma; — комп’ютерна версія; — мобільна версія; — дизайн усіх основних сторінок; — дизайн основних системних станів; — компоненти та дизайн-система; — клікабельний прототип основних сторінок; — зрозуміла структура файлу; — підготовка макетів для передачі програмісту; — зазначені розміри, відступи, шрифти, кольори та стани елементів. Програмування та верстка на цьому етапі не потрібні. Потрібен саме повний UI/UX-дизайн у Figma. У відгуку на проєкт

1. Tytuł Motion designer: animacja Lottie analizy twarzy dla landing (web, wektorowa)2. Co robimy Potrzebna jedna wektorowa animacja dla sekcji hero landing-page produktu webowego (analiza twarzy AI, format playful). Fabuła: stylizowana siatka-twarz (linia, półprzezroczysta, namalowana przez artystę — nie zdjęcie). Na niej po kolei „siadają” punkty charakterystyczne (oczy, nos, linia żuchwy, brwi), między nimi budowana jest lekka siatka. Na końcu z twarzy miękko „wylatują” 2–3 małe karty wyników (np. Ciekawość 88 / 100). Zachowanie: budowanie przy ładowaniu (siatka się buduje, karty się pojawiają, ~3–4 s) → następnie cichy bezszwowy cykl (~8–12 s): siatka ledwo „oddycha”, karty miękko pulsują. Bez nagłych ruchów.3. Styl Estetyka: editorial, kliniczny, szary — spokojne jasne „studialne powietrze”, cienkie linie, miękkie światło od wewnątrz. Referencja tonu — QOVES analiza twarzy (premium „medyczno-analityczny raport” × rozkładka magazynowa). Ważne — ton: to playful vibe-analiza, a NIE medyczne skanowanie i NIE rozpoznawanie twarzy. Żadne IDENTIFIED ramki, celowniki-krzyże, czerwony, „bezpieczny” HUD, cyber-neon. Punkty i przypisy mają być odczuwane jako ciekawe i lekkie, a nie jak biometryczny nadzór. Paleta i typografia — ściśle według wyciągu na końcu tego dokumentu (przestrzeganie palety — warunek przyjęcia). Referencje, które dodaję: estetyka QOVES + 2–3 przykłady Lottie w szaro-klinicznym / stylu siatki + zrzut ekranu hero, gdzie animacja się znajdzie (obok są szklane karty — animacja ma z nimi żyć, a nie sprzeczać się).4. Wymagania techniczne Format: Lottie JSON, przezroczyste tło. Rozmiar pliku: ≤ 150 KB (idealnie ~80–100 KB). 30 fps. Bez rastrowych obrazów wewnątrz — wszystko wektorowe (żadne wbudowane PNG/JPG). Minimum masek i dużych gradientów; bez efektów, które Lottie nie renderuje natywnie (skomplikowane rozmycia, niektóre merge-paths). Należy testować eksport właśnie w web-odtwarzaczu (lottie-web / LottieFiles preview), a nie tylko w After Effects. Mobilne: poprawnie odtwarzane i czytane na rzeczywistych iOS Safari i Android Chrome; na wąskiej kolumnie twarz/siatka nie są przycinane, karty nie wychodzą poza granice; płynnie na budżetowym Androidzie. Artboard, który czysto skaluje się w zakresie ~360–700px szerokości. Dostarczane z reduced-motion klatką — statyczny końcowy stan (zbudowana siatka + karty) dla prefers-reduced-motion.5. Wyniki + prawa Wykonawca dostarcza: Lottie JSON dla landing. Reduced-motion statyczna klatka (SVG lub PNG). Edytowalny plik źródłowy — plik projektu After Effects (.aep) ze wszystkimi warstwami i podpisanymi grupami. (Opcjonalnie / bonus) „cicha” wersja light dla strony logowania z tych samych warstw — jeśli mieścicie się w budżecie; w przeciwnym razie przenoszone do następnego etapu. Prawa: pełne przeniesienie wyłącznych praw majątkowych + nieograniczone komercyjne wykorzystanie. Wykonawca potwierdza, że wszystkie elementy są oryginalne lub licencjonowane do komercji. Czcionki w kartach — darmowe Google Fonts (Hanken Grotesk, JetBrains Mono), żadnych płatnych pułapek czcionkowych.6. Proces Stylframe w pierwszym dniu — jedna statyczna klatka przyszłej animacji do zatwierdzenia stylu. Potwierdzam tego samego dnia. Po moim „ok” — animacja. 2 rundy poprawek wliczone w cenę. Płatność w etapach przez Safe-umowę: część po zatwierdzeniu stylframe, reszta — po przyjęciu finalnych plików. Ważny szybki start: stylframe w pierwszym dniu, więc odzywajcie się tylko jeśli naprawdę jesteście teraz wolni.7. Budżet i termin Budżet: $150 za pełny zakres z wynikami i prawami (stała kwota). Termin: 4 dni od startu.8. Co wysłać w odpowiedzi 1–2 prace właśnie w Lottie / motion (nie tylko statyczne ilustracje). Krótk komentarz: jak widzicie ten styl pod naszą referencję. Potwierdzenie, że możecie rozpocząć od razu i dać stylframe w pierwszym dniu. Odpowiedzi bez przykładów Lottie i bez komentarza o stylu nie będą rozpatrywane.Wyciąg-paleta (przekazać wybranemu wykonawcy) To wszystko, co potrzebne artyście odnośnie koloru/typografii. Pełny CSS/repozytorium nie przekazuję. Tło: neutralny jasny #f2f5f7. Linie siatki, kontur twarzy, tekst: szare „tusze” —#1f2730 (główny), #56606c (drugorzędny), #8a93a0 (jaśniejszy). Jedyny akcent — tylko na węzłach-punktach charakterystycznych: szaro-skalny #505c65(głębsza wersja #3b4651). Więcej NIGDZIE akcentu nie używać. Zabronione: jakiekolwiek inne kolory, nasycone gradienty, tęcze, neon, czerwony, ciężkie cienie. Cienie — tylko miękkie, niskiej przezroczystości, z zimnym odcieniem. Karty wyników (trait-reveal): półprzezroczyste „szklane” płytki (frosted, lekki blur, cienki jasny kant); duża cyfra — cienka waga 300, elegancka, nie tłusta; podpis-znacznik — mała mono-czcionka, WIELKIMI LITERAMI, rozrzedzone śledzenie. Czcionki: Hanken Grotesk — nazwy traitów, podpisy (waga 300–500). JetBrains Mono — małe znaczniki, indeksy, cyfrowe podpisy (np. / 100). Ton jednym zdaniem: spokojne prawie białe studialne powietrze, oświetlone od wewnątrz; cienkie linie; jeden szaro-skalny akcent dotyka tylko węzłów siatki.

Dzień dobry, koledzy. W związku z problemami u projektanta, trzeba było rozpocząć jeszcze wczoraj dopracowywanie projektu stron. Załączam makietę w Figma stron, które są gotowe - Figma Gotowe teraz: Strona główna, Katalog, Karta produktu. Co trzeba dorysować: Panel użytkownika, Koszyk, Realizacja zamówienia, Jakość i kontrola, Certyfikaty, Blog oraz wewnętrzna strona bloga. Proszę tych, którzy naprawdę zapoznali się: makiety, które są już gotowe, Tz oraz prototypy — napisać kontrolną odpowiedź z Tz. Tz - Kliknij Prototypy - Kliknij

Konieczne jest profesjonalne zaprojektowanie sklepu internetowego na platformie Хорошоп, aby był nowoczesny, wygodny i wizualnie atrakcyjny. Co jest wymagane: Zapewnienie jednolitego stylu firmowego na stronie głównej. Ustawienie pięknych banerów, kategorii i bloków z produktami. Poprawa wizualnego wyglądu kart produktów i kategorii. Stworzenie wygodnej nawigacji i struktury strony głównej. Ustawienie atrakcyjnego wyświetlania promocji, nowości, popularnych produktów i marek. Optymalizacja wyświetlania strony na urządzeniach mobilnych. W razie potrzeby zaproponowanie ulepszeń w zakresie UX/UI. Wykorzystanie możliwości platformy Хорошоп bez pogarszania prędkości ładowania strony. Atutem będzie: Doświadczenie w projektowaniu sklepów na platformie Хорошоп. Posiadanie portfolio z zrealizowanymi projektami. Znajomość nowoczesnych zasad UX/UI i e-commerce. Znajomość wymagań SEO przy projektowaniu strony. Proszę o przesłanie: linków do sklepów, które zaprojektowałeś na Хорошоп; krótkiego opisu wykonanych prac; kosztu i terminu realizacji projektu.

Potrzebny jest front-endowiec/projektant stron internetowych do wizualnej aktualizacji strony. Funkcjonalności zmieniać nie trzeba — tylko wygląd (HTML/CSS, obrazy). Co jest teraz: Funkcjonująca strona gry (panel sterowania prywatnym serwerem Mu Online) w PHP, silnik autorski, bez frameworków. Szablony — zwykłe pliki HTML z placeholderami typu $TITLE$, $USER_USER$ itp., które silnik sam podstawia danymi przy ładowaniu. Style — zwykły CSS, skrypty — jQuery, bez bundlerów (Webpack/Vite) i preprocesorów (SASS/LESS). Strona składa się z 2 funkcjonalnych sekcji: część gościnna (dla niezalogowanych — opis serwera, wiadomości, top) oraz część wewnętrzna (panel gracza — statystyki postaci, gildie, miasto, sklep itp.). Przełączanie między nimi na poziomie treści, a nie osobnych stron. Co trzeba zrobić: Część gościną — wizualnie zaprojektować od podstaw według referencji (styl mutts.lt, jest gotowa koncepcja AI, ale jest zbyt jaskrawa, trzeba dostosować do ogólnej palety strony). Część wewnętrzną — zaktualizować wizualnie istniejące strony (panel gracza, miasto, gildie itp.) według referencji, zachowując całą obecną strukturę danych i funkcjonalność. Ważne: Placeholdery silnika ($...$) nie mogą być ruszane — tylko markup i style wokół nich. Cała obecna logika (obliczenia, formularze, zapytania AJAX) pozostaje bez zmian — przenoszona do nowego layoutu bez modyfikacji. Dostęp do plików strony i konta testowego udostępnię po rozpoczęciu pracy. Dołączę do zamówienia: referencję projektu (site.png), zrzuty ekranu obecnego wyglądu strony.