Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
PENGUIN Studio
Разработка дизайна и запуск интернет-магазина Два бисквита
PENGUIN Studio
#Дизайн сайта#Программирование сайта#HTML - верстка сайта

Разработка дизайна и запуск интернет-магазина Два бисквита

128 
PENGUIN Studio
PENGUIN Studio Украина, Киев
Поделиться:
Разработка дизайна и запуск интернет-магазина Два бисквита
Клиент

Два бисквита

Сфера

Питание

Регион

Россия, Нижний Новгород

Сдано

Январь 2024

Задача

Для данного проекта была поставлена задача создать сайт с привлекательным визуальным оформлением и улучшенным пользовательским интерфейсом.

Основные цели включали:

1. Привлечение внимания к продуктам:

Дизайн должен быть ярким и привлекательным, чтобы сразу захватывать внимание пользователей.

2. Улучшение взаимодействия пользователей с сайтом:

Интерфейс должен быть интуитивно понятным и удобным, обеспечивая легкий доступ ко всем разделам сайта.

3. Увеличение конверсии:

Дизайн и функциональность сайта должны способствовать увеличению количества конверсий.

Решение

Проект был выполнен в несколько этапов:

Этап 1: Исследование и планирование (30 часов)

Этап 2: Разработка концепции дизайна (50 часов)

Этап 3: Дизайн и верстка (100 часов)

Этап 4: Разработка функциональности (70 часов)

Этап 5: Оптимизация и тестирование (20 часов)

1Исследование и планирование (30 часов)

 • Анализ требований клиента: Проведение встреч и обсуждений с клиентом для понимания их целей и ожиданий.

 • Исследование конкурентного окружения: Анализ сайтов конкурентов для выявления сильных и слабых сторон.

 • Создание плана проекта: Разработка детализированного плана работ и графика выполнения.

2Разработка концепции дизайна (50 часов)

 • Создание прототипов в Illustrator и Photoshop: Разработка нескольких вариантов дизайна страниц.

 • Обратная связь и корректировки: Представление прототипов клиенту, получение обратной связи и внесение необходимых изменений.

3Дизайн и верстка (100 часов)

 • Разработка визуальных элементов: Создание всех графических элементов в Illustrator и Photoshop.

 • Верстка страниц с использованием HTML и SCSS: Реализация дизайна в коде, соблюдая все современные стандарты и практики.

4Разработка функциональности (70 часов)

 • Интеграция динамического контента с использованием AJAX и jQuery: Обеспечение интерактивности сайта для улучшения пользовательского опыта.

 • Разработка пользовательских сценариев с использованием Jav * aScript: Реализация всех функциональных элементов сайта, таких как формы, анимации и т.д.

5Оптимизация и тестирование (20 часов)

 • Оптимизация производительности: Настройка Gulp для автоматизации задач по минификации кода и оптимизации изображений.

 • Тестирование на разных устройствах и браузерах: Обеспечение кроссбраузерной и кроссплатформенной совместимости.

 • Исправление ошибок и доработка: Финальная проверка сайта и исправление всех выявленных багов.

Результат

• Длительность проекта: 278 часов

 • Команда: 1 разработчик, 1 дизайнер

 • Технологии: HTML, SCSS, Gulp, JavaScript, jQuery, Illustrator, Photoshop

Созданный сайт отличается привлекательным визуальным оформлением и улучшенным пользовательским интерфейсом. Использование передовых технологий, таких как AJAX, позволило сделать сайт более интерактивным и удобным для пользователей, что в свою очередь способствовало увеличению конверсии.

https://penguin-studio.tech/projects/dva-biskvita

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • Bootstrap Bootstrap Фреймворк/библиотека
  • jQuery jQuery Фреймворк/библиотека
  • Adobe Photoshop Adobe Photoshop Графический редактор
  • Adobe Illustrator Adobe Illustrator Графический редактор
  • Figma Figma Графический редактор

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

PENGUIN Studio с удовольствием обсудит вашу задачу

Оставить заявку