Верстка для CoffeTime
- 4
- 0
- Опубликовано: 2021-11-11
Данный сайт разработан для кофейни СoffeTime.
Входе работы так же было реализовано 4 слайдера на главной странице. Сортировка по всем имеющимся категориям на странице магазина. Сортировка по самым популярным товарам на главной странице. Организована работоспособность форм обратной связи на странице контактов и так же форма во всплывающем модальном окне. Подключена Яндекс карта на странице контактов.
Сделана была следующая работа:
1. Прототип
1.1 Анализ сайтов конкурентов
1.2 Анализ сайтов-референсов
1.3 Разработка эскиза главной страницы
1.4 Доработка главной страницы + правки
1.5 Утверждение прототипа главной страницы
И по такому же алгоритму такие страницы как:
- Страница одного товара
- Страница магазина
- Страница оформления заказа
- Страница корзины
- Страница успешного заказа
- Страница 404
2. Дизайн
2.1 Поиск необходимых картинок
2.2 Разработка индивидуальных иконок
2.3 Подбор цветовой гаммы
2.4 Подбор подходящих шрифтов
2.5 Дизайн первых 3-х секций (+правки)
2.6 Утверждение дизайна
2.7 Оставшийся дизайн главной
3. Верстка
3.1 Создание файловой структуры
3.2 Подключение необходимых библиотек
3.3 Подключение необходимых шрифтов
3.4 Экспорт всех необходимых картинок и иконок и добавление в соответствующую папку
3.5 Прописывание мета тегов для SEO
3.6 Подключение favicon
3.7 Верстка первого и второго экранов
3.8 Утверждение сверстанных экранов
3.9 Верстка оставшейся главной страницы
3.10 Утверждение
4. Интеграция с WordPress (Redux + Woocommerce)
4.1 Перемещение файловой структуры на OpenServer
4.2 Добавление файлов WordPress
4.3 Создание своей темы и выбор её как действующую
4.4 Интеграция шапки сайта
4.5 Интеграция футера сайта
4.6 Интеграция контента самой страницы
Входе работы так же было реализовано 4 слайдера на главной странице. Сортировка по всем имеющимся категориям на странице магазина. Сортировка по самым популярным товарам на главной странице. Организована работоспособность форм обратной связи на странице контактов и так же форма во всплывающем модальном окне. Подключена Яндекс карта на странице контактов.
Сделана была следующая работа:
1. Прототип
1.1 Анализ сайтов конкурентов
1.2 Анализ сайтов-референсов
1.3 Разработка эскиза главной страницы
1.4 Доработка главной страницы + правки
1.5 Утверждение прототипа главной страницы
И по такому же алгоритму такие страницы как:
- Страница одного товара
- Страница магазина
- Страница оформления заказа
- Страница корзины
- Страница успешного заказа
- Страница 404
2. Дизайн
2.1 Поиск необходимых картинок
2.2 Разработка индивидуальных иконок
2.3 Подбор цветовой гаммы
2.4 Подбор подходящих шрифтов
2.5 Дизайн первых 3-х секций (+правки)
2.6 Утверждение дизайна
2.7 Оставшийся дизайн главной
3. Верстка
3.1 Создание файловой структуры
3.2 Подключение необходимых библиотек
3.3 Подключение необходимых шрифтов
3.4 Экспорт всех необходимых картинок и иконок и добавление в соответствующую папку
3.5 Прописывание мета тегов для SEO
3.6 Подключение favicon
3.7 Верстка первого и второго экранов
3.8 Утверждение сверстанных экранов
3.9 Верстка оставшейся главной страницы
3.10 Утверждение
4. Интеграция с WordPress (Redux + Woocommerce)
4.1 Перемещение файловой структуры на OpenServer
4.2 Добавление файлов WordPress
4.3 Создание своей темы и выбор её как действующую
4.4 Интеграция шапки сайта
4.5 Интеграция футера сайта
4.6 Интеграция контента самой страницы
Прикрепленные файлы:
.png)
Комментариев нет
оставить комментарий могут только авторизованные пользователи
