Запит на пропозицію послуг вебдизайну Figma для малого бізнесу

1. Вступ

Ця пропозиція проекту викладає нашу всебічну пропозицію щодо надання послуг веб-дизайну на основі Figma для редизайну нового веб-сайту Nuwa після його повного ребрендингу. Редизайнований сайт відображатиме лідерство Nuwa в комерціалізації досліджень, технологіях та інноваціях, а також соціальному впливі, враховуючи його комерційні імперативи. Наша пропозиція детально описує обсяг роботи, вимоги до дизайну та технічні вимоги, етапи проекту, структуру ціноутворення та наш процес співпраці, щоб забезпечити безперебійну трансформацію цифрової присутності Nuwa.

2. Передумови та огляд проекту

Nuwa прагне перепозиціонувати свою цифрову присутність як Центр Відмінності та Інновацій, який не лише забезпечує комерційний успіх, але й демонструє значний соціальний вплив. Новий веб-сайт обслуговуватиме різні аудиторії, включаючи фонди, глобальних партнерів, дослідників та корпоративних клієнтів, і полегшить відвідувачам дослідження наших вторинних брендів. Надихаючись провідними галузевими веб-сайтами та сторінками інновацій, бриф дизайну охоплює кілька розділів:

• ГОЛОВНА: Герой банер, динамічні акценти впливу та чіткі заклики до дії
• ГАЛУЗІ: Глибокі сторінки, сегментовані на Гуманітарну та Цивільну Захист, Виконавче Мистецтво та ЗМІ та Розваги
• ТЕХНОЛОГІЇ: Детальні відомості про Хмару, Край, Дані та ШІ, IoT та Імерсивні технології
• ІНСАЙТИ: Зведене лідерство думок, новини та дослідницький контент
• ПАРТНЕРИ: Комплексні профілі партнерів 
• КОНТАКТИ: Інтерактивні варіанти контакту

Наш проект міграції та редизайну побудований на сучасних технологіях на основі фреймворку NextJS з розробкою фронтенду на React, Payload CMS для надійного управління контентом та Storybook для документації компонентів. Figma буде основним інструментом дизайну для цього "Запиту на пропозицію послуг веб-дизайну", щоб створити єдину дизайн-систему, що відповідає нашим бренд-гайдам і тісно інтегрується з нашим CMS.

3. Обсяг роботи

3.1 Стратегія дизайну та результати

• Файл(и) Figma:
  • Основний документ Figma, сегментований наступним чином:
    • Єдина дизайн-система, 
    • Сегментовані блоки, 
    • Герої та макети, та;
    • Повноекранний веб-сайт та шаблони.
  • Включення токенів дизайну (семантичні кольори, шкали типографіки, множники відстані тощо) для забезпечення узгодженості.
  • Посилання на https://fluent2.microsoft.design/ та https://carbondesignsystem.com/ є нашими рекомендаціями як стандарт для дотримання.
• Бібліотека компонентів:
  • Репозиторій повторно використовуваних компонентів (кнопки, форми, іконки, картки) з заблокованими елементами високого впливу (наприклад, героїчні заклики до дії, основна навігація), щоб запобігти невідповідності.
• Документація та картографування:
  • Анотації щодо використання компонентів та детальні картографічні документи, щоб надати фронтенд-розробнику чітку кореляцію між кожним компонентом Figma та відповідним блоком Payload CMS і компонентом Storybook.

3.2 Технічні вимоги

• Адаптивний дизайн:
  • Авто-розміри Figma, які забезпечують адаптивну поведінку з попередньо встановленими точками зламу, мінімальними/максимальними ширинами контенту та співвідношеннями відстані для наступних точок зламу:

    Розмір класу	Діапазон точки зламу	Точки зламу
    малий	320-479	640px або менше
    середній	480-639	641px до 1007px
    великий	640-1023	1008px і більше
    x-великий	1024-1365	1008px і більше
    xx-великий	1366-1919	1008px і більше
    xxx-великий	1920 і більше	1008px і більше

• Відповідність вимогам доступності (WCAG 2.1)
• Підтримка темного/світлого режиму
• Послідовність брендингу
• Легкість інтеграції CMS та фронтенд-майстерні для фронтенд-розробників
• Архітектура дизайн-системи:
  • Впровадження принципів атомарного дизайну та структур компонентів на основі обмежень для підтримки єдиного дизайну, заснованого на  https://fluent2.microsoft.design/ та https://carbondesignsystem.com/.

4. Процес та співпраця

Наш підхід підкреслює співпрацю, прозорість та ітеративне вдосконалення:

• Спільне створення каркасів:
  • Ініціювати спільні сесії з власниками контенту, дизайнерами та інженерами для узгодження основних повідомлень.
• Цикли зворотного зв'язку:
  • Регулярні огляди зацікавлених сторін та структуровані сесії зворотного зв'язку для забезпечення узгодженості з нашими стратегічними цілями.
• Гарантія якості:
  • Безперервне тестування за допомогою Storybook для перевірки поведінки компонентів на різних пристроях та дотримання токенів дизайну.

5. Умови та положення

• Інтелектуальна власність:
  • Усі результати та супутні матеріали стануть власністю Nuwa після повної оплати.
• Конфіденційність:
  • Обидві сторони погоджуються зберігати конфіденційність щодо власної інформації.

9. Інструкції щодо подання

Зацікавлені дизайнери запрошуються подати свої пропозиції. Пропозиції можуть включати:

• Резюме вашого розуміння вимог Nuwa.
• Складена методологія та графік для проекту.
• Приклади портфоліо, що стосуються веб-дизайну Figma.
• Будь-яка додаткова документація, яка підтверджує ваші технічні та дизайнерські можливості.

10. Додаток

Наступні ресурси прикріплені до проектного брифу:

• Посилання на веб-дизайн, вимоги та специфікації
• Брендбук Nuwa та Гайди (всі додаткові активи будуть надані на початку проекту через WeTransfer)

Доступ до компонентів UI та бібліотек може бути надано:

• Hero UI, Tailwind CSS Plus, Aceternity UI та 21st.dev