Анна Бакурова

Когда не знал как работать с SVG, для подобной задачи использовал этот ресурс. Загружаете изображение и поверх него чертите области этажей. В итоге получаете сгенерированный код map area.

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

Проще конечно это делать в илюстраторе.

Не хочу быть КЭПом, но все проблемы в вёрстке начинаются с дизайна. Адаптивная вёрстка может быть только у адаптивного дизайна, иначе это уже три макета, а не адаптивность. При хорошем подходе к дизайну, верстать по сути приходится только мобильную версию - остальные разворачиваются из оной чутьли не автоматически.

Используйте Autoprefixer и не задумывайтесь о префиксах вообще.

Использовать Grunt!

Не везде ясно, как реагируют кнопки на наведение/клик/и активное состояние. Кнопка Write в шапке теряется за счет контакта с другим розовым элементом дизайна. Про шрифт уже сказали - он катит для заголовков, но не катит для основного текста. Про углы уже сказали тоже - где-то острые углы, где-то скругленные. Нет единства.

За счет чего происходит горизонтальный скролл в разделе ART - непонятно. Что и как происходит в разделе Best Works - тоже непонятно. Нужно напрягать глаза, чтобы прочесть текст в блоке с телефоном (it is a long ...) из-за яркого background'а.

Как можно нарваться на ответ "сам дурак" просто не правильно формулируя для себя вопрос.
Ответ всех, кто считает себя исполнителем прост: мое время стоит денег, поэтому ешьте, не обляпайтесь. Но деньги вперед.
Вопрос заказчика: совсем ни о чем.
Ни та ни другая сторона не правы не разу.
Правильная постановка вопроса:
" Как мне выбрать дизайн, который решит мои проблемы и задачи?" Какая, нахрен, разница вам, как заказчику, нравится лично вам или нет, если новый дизайн решает главную задачу: повышает конверсию, привлекает клиентов, удобен для навигации и т.д. Вы, как заказчик должны четко сформулировать основную ЗАДАЧУ, а не рассуждать нравится / не нравится. Вы же не художественный критик и WEB дизайн не на стенку в спальне вешать будете.

Правильный ответ дизайнера: Вашу задачу может решить такой дизайн. А дальше убедительно объяснить и доказать - почему так! Вы же работаете за деньги в интересах клиента. А если Вы супер -круты и дизайн - самоцель, а не средство: идите в поля рисовать пейзажи и ждать мировой славы.
Не можете объяснить заказчику, как Вы успешно решите ЕГО!!! задачу, а не удовлетворите ваши амбиции - нафиг, закрыть тему. Либо заказчик - сплошная проблема, либо Вы - не того уровня работник, который требуется.

Прошу прощения за возможную резкость....
Кстати, я сам - заказчик.

Отвечу как дизайнер, за себя опять же. Может быть будет полезно другим дизайнерам, и заказчикам, конечно же.

В первую очередь - вы покупаете мое время. Сначала я выясняю у вас что там к чему. Зачем вам сайт, какие цели вы перед собой ставите. Короче, как вам помочь. Затем я определяю сколько времени я на это потрачу. Рассчитываю это исходя из прошлого опыта, по дням (рассчитывая что в каждом дне у меня 8 рабочих часов). Беру предоплату 50%.

Я трачу свое время на:
- research (анализ конкурентов, потребностей, разговор с клиентом итд)
- разработку и утверждение прототипа
- отрисовку сайта и утверждение экранов
- верстку (если необходимо)
- на переговоры, конечно же, во всех этих стадиях

В работе я использую InVision (проектирование, визуализация, анимация), Basecamp (обсуждение, планы, согласование), Photoshop, Sketch (визуализация)

Я стараюсь вовлекать клиента в то, что делаю, показывать ему весь процесс, максимально прозрачно. Как правило, вопросов "А за что я столько заплатил?" в конце не возникает. Дизайнер - не творец, а наемник, который помогает вашему бизнесу функционировать лучше и зарабатывать больше. Пожалуйста, не путайте его с художником, который рисует портрет вашей компании.

Это мой первый ответ на Toster, кстати )

Вы начали с изогнутых линий и завершили зачем-то треугольником и прямыми, нет ощущения единства, из-за этого, много просто лишнего, легкое ощущение что это просто другой сайт. Белые области контрастируют, больше чем нужно.
Вы вот не боитесь, что ваш заказчик начнёт крутить туда-сюда колёсико, и если этот резкий перепад белого и чёрного совпадёт с альфа волнами в его мозгу, у него начнётся припадок эпилепсии? Потом бордюры, что вы хотели сказать всем этим разнообразием ваших бордюров? Хотя замысел понятен, вы намеревались обыграть эти вот два цвета, но не до такой же степени, не до полосок же в пиксель? Тут уголки закруглённые, тут не закруглённые, тут вовсе не уголки. Вы начинаете с квадратиков, затем переходите к полузакруглениям, потом возвращаетесь опять к прямым углам, потом предлагаете закругления, и в конце впендюриваете треугольник! В конце я вижу не тот сайт что был вначале! Где стилистическое единство! Где я спрашиваю!!!