Современный дизайн страниц корпоративного сайта

Сам сайт: http://test.tzamgroup.com

Главная задача - добиться современного, гармоничного вида и читаемости.

Содержание, структура меню, тексты, картинки - на сайте.

Дизайн для основного разрешения: 1024х786 рх (iPad).

Для более широких экранов растягиваются свободные поля меню, основное содержание и фоновые картинки вписывается во всю ширину.

Результат - файлы PSD. Промежуточные согласования - на jpeg'ах.

Работаем над всем, что видим. Особенно лого, меню, шрифты, цвета. Структуру меню не меняем.

Крупные заголовки, много свободного пространства вокруг текста

Тонкие высокие шрифты, без жирного и наклона (например здесь: http://www.apple.com/)

Современная типографика (примеры: http://www.hongkiat.com/blog/typography-for-modern-websites/)

Для страниц с большим количеством картинок пример оформления: http://rareview.com/ Только сразу всё немного высветлено. А при наведении картинка чистая. Крупные заголовки, тонкий шрифт.

Шрифты основного текста и заголовков "Lucida Grande", "Lucida Sans Unicode", Helvetica или другие, очень похожие на: http://www.apple.com/ru/macbook-air/ либо http://www.sketchin.ch/en/services/

Общее впечатление (тема): http://www.sketchin.ch/en/services/, http://www.apple.com/ipad/

Панель меню примерно: http://rareview.com/, фотка на главной НЕ залезает под меню.

Исправления постранично:

Для разделов ГРУППА, УПРАВЛЯЮЩАЯ КОМАНДА, ПРОЕКТЫ:

Только квадраты (5 столбцов), сразу все сильно высветлены, контрастные заголовки и надписи.

Промежутки между квадратами чуть тоньше, чем сейчас.

Выбранный квадрат в 2 раза больше, высветление убирается, заголовок и текст на белом фоне.

Для раздела ПРОЕКТЫ на iPad - 3 столбца с квадратами.

Подменю убираем. Всё, что в одном пункте меню - листаем вниз целую простыню. Каждый подпункт на ней желательно высотой 1 экран.

Чисто текстовые страницы (в т. ч. ПОДХОД) - очень красивая типографика. Крупные заголовки или цитаты. Композиция только за счет текста. Можно добавить иконок в списки. Много свободного пространства.

Контакты - красиво расположить картинки, типографика, крупно телефоны.