Сохранить характер
Исходная форма логотипа, смена космических сцен и движение диагонали остались. Цвета, типографика и тёмные стеклянные панели получили более собранную подачу.
ATLAS Preview → Alexandr Azimov
Личное портфолио
Личная инвестиция времени в развитиеКосмический ATLAS Preview стал личным портфолио: с работами, услугами, условиями сотрудничества и удобной связью.
ЯзыкиHTMLCSSJavaScript- Мой вклад
- Визуальная адаптация и разработка
- Статус
- Рабочая версия · развивается
Задача
Превратить страницу прежнего проекта в портфолио, сохранив её характер: космос, диагональ, оригинальную букву «А» и анимированные переходы. Дать посетителю понятный путь от знакомства с работами до обсуждения своей задачи.
Решения
Выстроить содержание
Работы и личные проекты, карточки услуг, условия сотрудничества и просмотр шаблонов договоров. Контакты собраны в отдельной модалке.
Продумать детали
На телефоне кнопки встроены в диагональную панель. Русская и английская версии, управление с клавиатуры и режим уменьшенного движения дополняют интерфейс.
Иллюстрации проекта
10 изображений
01 · После · главная портфолио
Актуальный первый экран: оригинальный знак ATLAS, диагональ и фирменный синий акцент.
1920 × 1080 px
02 · До · ATLAS Preview
Исходная страница ATLAS с космической сценой и диагональю.
1920 × 1080 px
03 · Обо мне · услуги
Шесть направлений работы в стеклянных карточках с иконками.
1920 × 1080 px
04 · Мобильная версия
Кнопки повторяют диагональ, навигация и выбор языка остаются под рукой.
390 × 844 px
05 · Раздел «Работы»
Карточки связывают превью, название и бюджет проекта в единый элемент.
1920 × 1080 px
06 · Личные проекты
Отдельное пространство для AXEL и архивных проектов.
1920 × 1080 px
07 · Подробности услуги
Модальное окно раскрывает состав работ, результат и требования для старта.
1920 × 1080 px
08 · Условия и авторская подпись
Раскрываемый блок условий с примером подписи и плитками договоров.
1920 × 1080 px
09 · Просмотр договора
Текст документа можно прочитать в модалке и скачать в PDF или Word.
1920 × 1080 px
10 · Окно связи
Логотип и три прямых способа обсудить проект.
1920 × 1080 pxРезультат
Личный сайт с единым визуальным языком и работающими сценариями: изучить проекты, познакомиться с услугами и связаться. Сохранены анимации ATLAS, подготовлены локализация и базовая поисковая разметка. Портфолио продолжает пополняться реальными работами.
Другие работы
Сайт строительной компании
ДонКонтур
Сайт компании, которая проектирует, строит и реконструирует дома и объекты. От выразительного первого экрана — к услугам, фотографиям работ и заявке.
Языки интерфейсаHTMLCSSJavaScriptБюджет35 000 ₽
Оформление сообщества
Grinity · ВКонтакте
Дизайн группы ВКонтакте в едином стиле с сайтом «Гринити Гарант». Оформление для компьютера и мобильное представление с анимацией.
Graphical workБюджет15 000 ₽ЕСТЬ ИДЕЯ?
Обсудим ваш проект
Расскажите о задаче, сроках и желаемом результате.