Дизайн web-проекта

Есть проект, интернет-сервис для автоматизации деятельности заведений по типу тайм-кафе и кофеен. Имеется много экранов со списками (таблицы + форма фильтра + иногда доступные кнопки экспорта/импорта), с формочками, с графиками. Все это сейчас сделано на бутстрапе на колнеках и с ужасной фоновой картинкой(на которой порой тяжело отображать заголовки страниц и иную информацию).

Прикрепил несколько скриншотов, как это сейчас выглядит.

Требуется разработать типовый дизайн для страница проекта:

- общий лейаут с меню (вариант под ПК и вариант как это будет в мобильном браузере). Сейчас используется стандартное бутстрап меню сверху. Можно как в целом предложить другой вид, возможно боковое меню. Или оставить текущий вариант бутстрапа.

- страница с табличными данными (заголовок страницы + форма фильтра + сами табличные данные + возможные подсказки по самой странице, колонкам таблицы или полям фильтра)

- страница с простой формой редактирования данных (+ подсказки по полям, при их наличии)

- страница составной формой редактирования данных (на скриншоте 1-1.png) 

Далее этот дизайн мы будем использовать для всех страниц, как для текущих, так и для добавляющихся.

Элементы бутстрапа останутся, цветовую схему можно без проблем менять, если это требуется.