Онлайн планировщик комнаты икеа: Планировщик | IKEA Eesti
Ариэль Чан — Веб-дизайн ИКЕА
Модернизация архитектуры веб-сайта ИКЕА с адаптивными точками останова для мобильных устройств, планшетов и Интернета.
ВЫЗОВ
ИКЕА демонстрирует простоту и минимализм в дизайне своей продукции, однако текущий веб-сайт не отвечает требованиям и не доступен из-за огромного количества каналов информации.
ЦЕЛЬ
Этот проект направлен на оптимизацию дизайна веб-сайта ИКЕА, аналогичного дизайну выставочного зала магазина, и сделать его более ясным в плане и иерархии. Цель этого проекта — сосредоточиться не на визуальном ребрендинге элементов, а в большей степени на реакции между мобильными, планшетными и настольными точками останова.
Предложение IKEA по карте сайта
Планирование основных, второстепенных и третичных страниц для разработки лучшей иерархии информационной архитектуры, включая очистку ссылок нижнего колонтитула как архива.
Первичный
Домашний канал
Вторичный
Товары (спальня), комнаты, корзина для покупок
Третичный
Витрина продукта, демонстрационный зал (спальня)
Переработанные страницы и информационная архитектура
3 веб-сайт ИКЕА более совершенный, упрощенный и интегрированный, вот как онлайн-покупки работают с начальной домашней страницы до окончательной оплаты.
ГЛАВНАЯ ЛЕНТА НОВОСТЕЙ
Минималистичный дизайн с упрощенной лентой новостей, отображающей избранные сезонные коллекции и товары-бестселлеры.
ТОВАРЫ (СПАЛЬНЯ)
Открытие страницы настройки настроения с упорядоченными категориями на основе личных предпочтений и фильтрации. Предлагая идеи для спальни и необходимые комплекты/товары для спальни.
КОМНАТЫ
Каждая карусельная галерея, разработанная с учетом опыта посещения выставочного зала магазина ИКЕА, демонстрирует идеи обустройства комнаты с доступными метками для избранных товаров.
ХАРАКТЕРИСТИКИ ВЫСТАВОЧНОГО ЗАЛА
Войдите в выставочный зал и осмотрите дизайн декорированного помещения. Это отличный способ вдохновиться и узнать больше о мебели ИКЕА.
ДИСПЛЕЙ ПРОДУКТА + ДОБАВИТЬ В КОРЗИНУ
Увидели понравившийся товар? Просмотрите дополнительную информацию, такую как отзывы клиентов и намерения его структурного дизайна. Нажмите «Сохранить», чтобы отметить его в списке желаний, или нажмите «Добавить в корзину» и перейдите к процессу оформления заказа.
Редизайн сайта ИКЕА — dev. передать
Создание визуального руководства по стилю и добавление спецификаций к отступам и размерам пользовательского интерфейса для передачи разработки программного обеспечения.
IKEA VISUAL STYLE GUIDE
Установка цвета, шрифта и типографского масштаба на каждой контрольной точке. Это руководство полезно в качестве справочника для разработчика, чтобы преобразовать дизайн в реальность в коде.
Шкала типографики для стилей заголовков, подзаголовков, абзацев и нижнего колонтитула в соответствии с контрольными точками для мобильных устройств, планшетов и настольных компьютеров.
Основная страница со сведениями об измерениях точек останова, включая мобильные устройства, планшеты и настольные компьютеры.
Добавление спецификаций ширины и высоты элементов, а также сведений о полях и отступах.
Окончательный прототип веб-дизайна
REFLECTION
• Отзывчивость является важным ограничением веб-дизайна.
Постоянная оценка вариантов дизайна на основе различных представлений предпочтений устройств и точек останова необходима для соответствия различным вариантам использования.
• Доступность сводится к пикселям.
. При разработке системных компонентов, таких как элементы кнопок пользовательского интерфейса и минимальные размеры шрифта, важно помнить о специальных возможностях, таких как использование динамического типа для пользователей, которым может потребоваться просматривать объекты в большем масштабе, или доступность интерактивных элементов по принципу «нажатие цели». быть легко доступным.
Создание основных спецификаций, сетки и процессов документирования — ценные шаги для формирования связного резюме дизайна веб-сайта, чтобы обеспечить согласованность и эффективность разработки программного обеспечения.
СЛЕДУЮЩИЕ ШАГИ
• Тестирование удобства использования для оценки доступности компонентов пользовательского интерфейса и улучшений интерфейса.
• Взаимодействие между разработчиками в режиме реального времени для эффективного межфункционального сотрудничества и общения.
ДЕТАЛИ ПРОЕКТА
КОНТЕКСТ Независимое тематическое исследование
Адаптивный веб-дизайн с Шоном Уолкоттом
ПРОДОЛЖИТЕЛЬНОСТЬ
2 недели исследования/карты сайта
7 недель уточнение контрольных точек и итерация
Спецификации и передача разработчикам за 1 неделю
РЕЗУЛЬТАТЫ КОНТЕНТА
Карта сайта
6 страниц — 1 основная, 3 второстепенных, 2 третичных
Руководство по визуальному стилю
больше проектов, пока вы здесь?
Плавающий мозг
Публикация и иллюстрация
Решение проблемы сексуального насилия
иллюстрация
Ребрендинг TripAdvisor
Фирменный стиль
Humane Foodиллюстрация
Кофолио
Наставничество по дизайну
nooz
дизайн продукта и брендинг
Символы MET
иконография
Flipbook: The Eye
покадровое движение
Маленький Гонконг
Медийный брендинг
Изометрический обратный отсчет
Анимационный дизайн
↑ Вернуться к началуIKEA Office Planner Отзывы и цены 2023
Аудитория
Профессионалы, заинтересованные в онлайн-решении для планирования и проектирования нового офиса своей мечты
Об IKEA Office Planner
Спланируйте новый офис своей мечты, не выходя из собственного офиса или дома.
Интеграции
Нет перечисленных интеграций.
Рейтинги/отзывы
Общий
0,0 / 5
простота
0,0 / 5
функции
0,0 / 5
дизайн
0,0 / 5
поддерживать
0,0 / 5
Это программное обеспечение еще не проверено.