xmoonlight

Главное ("бутерброд" сверху справа) и дополнительное: аккаунт (свайп слева). Посмотрите на реализацию Material Design - сразу станет понятно.
Посмотрите, как у меня с главным сделано: xmoonlight.github.io

Ссыль: suvenirus.org

1. Мне не преимущества ваши важны! А что из сувенирной продукции и СОПУТСТВУЮЩИХ УСЛУГ! есть в интернет-магазине.
2. Цвета дизайна - не гармоничные, что ппц. Такое ощущение, как будто старая выцвевшая фотка.
3. В глазах от мелких разноцветных деталей - просто рябь, и еще и карусель со всем этим делом: ПРОСТО АДСКИ!
Сделайте нормальный дизайн (2-х, 3-х цветный)!

PS: Закажите ПЛАТНО у меня (уж я-то точно сделаю не хуже :D)!

Google Docs + draw.io = ставите плагин в гугл-докс и все отлично работает.

Ценностные предложения, кнопки и блоки CTA (Call-To-Action, призыв к действию).

Можно использовать формулу нахождения расстояния R между двумя точками (x1,y1) и (x2,y2), и использовать сравнение с заданным Rmin.
Если расстояние меньше заданного Rmin - пропускаем, больше или равно - выводим и соединяем с предыдущей (отображённой) линией.
Также, дополнительно можно подключить расчет адаптивных экстремумов.
Это проще, быстрее и точнее алгоритма SwingingDoor.

1. Есть список объектов - это объекты структуры.
2. Есть объекты со свойством "объект-родитель" - это структура (связи).
3. Есть фильтры (допустим, тэги) по свойствам объектов.
Вы должны определиться: где у Вас и что.

2-й вариант лучше и по SEO и по UX/UI
я бы добавил поиск еще по всей таблице. допустим я не могу найти свою проблему в списке, а у вас на сервере - есть несколько симптомов под один ремонт и расценку.
Т.е. некую базу знаний, чтобы юзер мог набрать свою проблему в строке поиска и сразу узнать ориентировочную стоимость её устранения.

Какие есть хорошие программы для проектирования структуры программ?

Какие есть хорошие программы для проектирования структуры программ?

Есть 2 типа работы:
1. Типичная
2. Уникальная (конкретно под задачу)

Недобросовестные Исполнители: Чтобы обмануть снижают цену Заказчику по п.1, подводя его в переговорах к тому, что это ИМЕННО ТО, что ему нужно.

Добросовестные Исполнители: делают СТРОГО по ТЗ, которое и разрабатывают в тесном диалоге с Заказчиком, и затем на его основе формируют мокапы, а затем отдают их дизайнеру для подготовки макетов страниц и последующей вёрстки в шаблон.

SPA - Single Page Application
Например, emberjs.com
UPD: Вот, случайно наткнулся: tutorialzine.com/2015/02/single-page-app-without-a...

nutch.apache.org | www.opensearchserver.com
+ PostgreSQL + php + jquery+plugins

https://moqups.com/

Зависит от того, какие иконки расположены рядом.
[ +1 ] или [ iGO ]

Берём исходный скелетон стандартного виджета/компонента вырезаем лишнее (при необходимости) и наращиваем как нам нужно.
Этот подход применяется во всех языках программирования.

max-width: 180px;

Научитесь понимать понимание людей.

Потому, что нет креатива и понимания UX/UI (или желания сделать качественно).