Это проект большого многостраничного сайта для крипто валютной биржи. Я принимала участие в его создании в качестве второго дизайнера в составе большой группы. Здесь я расскажу о задачах, которые стояли передо мной и результатах моей работы.
Figma
2024
Корпоративный сайт
Сайт
Криптобиржи
Главная страница - презентация рассказывает о возможностях биржи. Ключевое действие - подвести пользователя к регистрации и созданию личного кабинета. После регистрации для пользователя открываются все возможности сайта, представленные на внутренних страницах.
01
Что представляет собой проект

Работа с элементами дизайн системы, создание новых компонентов и состояний
Замена всех элементов на страницах сайта на компоненты дизайн-системы
Адаптивная верстка на все разрешения
Работа с таблицами и графиками, карточками и их адаптивы
Поиск иллюстраций, генерация их в нейросетях
Взаимодействие с другими членами команды: главным дизайнером, аналитиками, менеджерами, сеошниками, программистами и специалистами по криптоторговле
Участие в митах, обсуждение проекта, поиск более удобного пользовательского опыта
02
Что входило в мои задачи

Общий стиль сайта, цвета, шрифты и графические элементы были заданы главным дизайнером. Я как из конструктора, из дизайн системы, по кирпичиками выкладывала каждый блок. Я следила за тем, чтобы все элементы были из дизайн-системы, расположены ровно по сетке, аккуратно выглядели и были удобны в использовании. Важно было, чтобы каждый смысловой блок читался отдельно и при этом был в общем стиле и композиции сайта.
03
Мои цели в проекте

В визуальном плане, как дизайнеру, было сложно делать адаптивы таблиц. Их в макете очень много, иногда даже по 2-3 на странице. Необходимо было, чтобы они хорошо читались и были визуально приятны не только на больших разрешениях, но и в мобильной версии, например на 360 рх. Чтобы понять, как же сделать такие адаптивы, я смотрела решения конкурентов. Визуальное решение, которое я потом использовала при адаптиве таблиц, это тексты в две строчки или раскрывающаяся строка. Теперь после такого опыта мне кажется, я смогу сделать адаптив для любой таблицы.
04
Сложности с которыми я столкнулась

Работа была непростой, она научила меня работать в большой команде, с большими данными, сложным интерфейсом (таблицами, графиками)
Уделять внимание каждой детали, аккуратности до пикселя
Работе с UX, когда помещая в дизайн каждый элемент, ты задаешь вопрос: зачем? может можно сделать более привычно и понятно для юзера?
Работе с большой дизайн-системой
05
Мои выводы по проекту
Видео презентация
06
Другие проекты
Сайт-презентация собственной нейросети
Дизайн-концепция раскрывает возможности нейросети воплощать идеи пользователя, создавая иллюстрации и текст
Банковское приложение
Дизайн приложения в минималистичном стиле. Проведен анализ и выявлен базовый набор функций для банковской сферы. Понятный и логичный интерфейс.
Если вам нужен крутой продающий сайт, свяжитесь со мной удобным для вас способом.
Сделаем сайт вместе?
mail@organica.site
© 2023 год. Все права защищены
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website