Первоначально передо мной стояла задача нарисовать в фирме концепт сайта для нового брокера Go Invest и далее реализовать MVP версию на конструкторе сайтов Tilda.

Дизайн сайта должен был быть максимально не похожим на сайт одного очень известного красного банка и его целевая аудитория — состоятельные инвесторы, с портфелем не менее 5-6 млн рублей (опытные трейдеры, совершающие не одну-две сделки в месяц).

Задача

Результат

Это было сложно и больно 😏, но с этой задачей я справился: на выходе получился достаточно свежий по дизайну сайт, отвечающий всем бизнес-требованиям.

А теперь расскажу поподробнее.

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

Далее предстояло собрать бизнес-требования у стейкхолдеров и создать несколько концептов будущего сайта.

Начало

Первый концепт

Родился он исходя из наработок отдела маркетинга. Но как выяснилось позже — бизнес-требования изменились в ходе обсуждений кто же будет целевой аудиторией нового брокера и сайта.

Получив фидбек после презентации — концепт отправился на переработку.

Второй концепт

После первого демо я решил разрабатывать одновременно два разных по стилистике и структуре концепты.

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

Финальный вариант

На этот вариант я вообще не ставил, что он «выстрелит» 😁, однако именно его выбрали для последующей сборки на конструкторе сайтов Tilda.

И тут таааааакое началось.....😏

Процесс

К моменту сборки у меня уже был опыт работы в Tilda. Но, скажу честно — на этом проекте я очень хорошо прокачал свой скилл 😎💪

Не скажу, что это давалось мне легко 😁 — временами хотелось плакать 😂 : я на время стал fullstack дизайнером (некоторые фичи можно реализовать только кодом), а некоторые решения, что были у меня в утверждённом дизайн-концепте было невозможно реализовать (или можно, но я не знал как).

И вот в такие моменты мне приходилось «на лету» находить выход из ситуации. А если учесть, что сроки были не резиновые — мне никто не завидовал 😁

Стоит добавить, что сложность сборки сайта была как раз из-за необычного дизайна с разделённым экраном — у меня было 8 брейкопоинтов чтобы отлично смотрелось на разных экранах и девайсах.

Как говорится: глаза боятся, а руки делают. Задачу я выполнил к заявленному сроку и сайт был запущен вовремя.

320 - 480

640 - 960

1400 - 1899

Далее предстояло весь мой дизайн перенести на CMS платформу банка: нужно было воссоздать весь дизайн на основе тех компонентов, что использовались и были в админке (и желательно без особых доработок) плюс показать состояния всех элементов, дополнить новыми страницами исходя из возможностей CMS.

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

Отдельный проект

В результате получилось то, что получилось: что-то смогли реализовать, что-то оставили как есть ну и конечно же много задач лежат в бэклоге на будущие спринты.

По итогам недавнего исследования я уже начал редизайн главной страницы: она станет более информативна и полезна для всех категорий инвесторов — начинающих и опытных.