Каталог стартапов для Fintech-lab

Привет! Это рубрика “что мы сделали”.

Посмотрим на проект “Каталог стартапов” от Финтех лаб.

Продукт был сделан с помощью фреймворка вью джи эс.

Суть продукта заключается в наглядном представлении списка стартапов и их принадлежности к определённой рыночной нише. Также одной из задач была удобная навигация и быстрый поиск нужного стартапа в каталоге.

Для реализации этих задач мы сделали на первом экране облако тегов. При нажатии на любой тег происходит быстрая фильтрация всего каталога. Если выбрать несколько тегов, фильтрация будет происходить по принципу “или”: то есть в каталоге будут отображены стартапы, относящиеся или к одному, или к другому тегу.

Также на Первом экране имеется форма поиска, в которую можно ввести первые буквы названия стартапа и увидеть результаты фильтрации каталога.

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

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

Также в карточке стартапа есть его наименование и краткое описание с ограничением по количеству символов. И под каждой карточкой — ссылка на сам проект стартапа.

Напротив названия некоторых стартапов есть бейджики, которые обозначают участие в той или иной программе от финтех лаб, либо резидентство в Сколково.

И, конечно мы сделали форму загрузки стартапов. В форме представлены все поля, которые необходимо заполнить для, того чтобы стартап попал в каталог. Также мы предусмотрели модерацию каждого стартапа. После заполнения формы проект попадает на проверку администраторам каталога. После утверждения проекта в административной панели сайта, стартап попадает в каталог.

В шапке мы предусмотрели кнопку с тегами для более удобного просмотра списка всех тегов. Также продублировали кнопку “Загрузить стартап” и отдельно расположили кнопку “Обратная связь” с соответствующей формой.

Лаконичный футер представляет собой стандартный набор контактных данных и ссылку на наш сайт.