Нужна справедливая критика (front-end'еры, отзовитесь)

Интересно сколько вы денег заработайте, точнее сколько курсов продадите «адоптиватору», «gtmetrix-у» и «responsiveness-у»? Вы же для под них сайт подгоняете?

front-end'еры, отзовитесь

Посмотрел я Ctrl+U, ужаснулся…

Извините, я обычно не выражаюсь, но это п*ц, товарищи…
И это справедливо. Это не фронтенд, это каша из всего, что можно взять с другого сайта и воткнуть, куда придётся. Наобум, лишь бы было. А что и куда, зачем вникать...

Честно говоря, хочется что-то порекомендовать или предложить, но глядя на сайт и его код — просто теряешься в том, с чего начать. Поэтому просто посоветую посмотреть видеоуроки по основам основ HTML, CSS, научиться писать его красиво и аккуратно (собирая css и js в одном месте, а не разбрасывая по всей странице непонятно зачем)

Не знаю, имеет ли смысл взять готовый шаблон и попробовать «разобрать его» и попробовать что-то добавить. Ведь, судя по сайту, вы не поймёте где хороший шаблон, а где издевательство над людьми

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

Ольга, вы преподаете английский.
Люди здесь, по большей части, программируют. И вряд ли программисты будут учить кого-то английскому с профессиональным подходом, и точно так же наоборот — вы без полного погружения в тему не сможете сделать хороший продающий дизайн сайта (сорян за мою грамотность и пунктуацию, я ведь не лингвист :) ). Так вот. Действительно, лучшим решением для вас будет заказать дизайн у профессионалов.
Если хотите, я могу помочь с этим. У меня есть профессиональный дизайнер, который будет рад за небольшие деньги (его час работы в два раза дешевле, чем занятие у вас), сделать вам хороший дизайн-макет. А дальше вы решите — верстать его самостоятельно, либо отдать опять же, профи. Пытаться усидеть на всех стульях сразу — практика сомнительная. Профессионалы занимаются одним делом, но делают это хорошо.

Вы собираетесь продавать услуги техническим специалистам, но при этом в техническом (да и в визуальном плане) сайт пробивает дно…
Интересно вы подходите к созданию бизнеса, в среднем дизайн сейчас стоит 150-250$ в России (все что дешевле — так себе дизайнеры, дороже — вам врятли нужно). А теперь считаем: час урока у вас стоит 13$, т.е. чтобы окупить дизайн вам необходимо около 12-20 часов работы, а для этого явно хватит ОДНОГО клиента. Я думаю не стоит говорить что адекватный дизайн или хотя бы читаемый текст вам принесет гораздо больше клиентов, чем 1. А ткущий дизайн не то что технических специалистов не способен привлечь, но я думаю и посетителей одноклассников отпугнет.
P.s. говорю как ваш потенциальный клиент, дизайном вообще не занимаюсь

На мой скромный взгляд, вы подходите к задаче не с той стороны.

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

Разработка целого сайта подразумевает очень обширную сферу деятельности, и нет ничего зазорного в том, чтобы делегировать часть задач. Вы же не писали все используемые дополнения с нуля — поступите также и с дизайном, возьмите готовый шаблон. В процессе настройки его под себя вы все равно будете узнавать что-то новое, но в правильной дозировке, не превращая всю полученную информацию в кашу.

Что же до самого сайта, из того, что сразу бросается в глаза:
— скрипты, подключаемые с google fonts, можно склеить в один запрос (примерно так):

<link href='http://fonts.googleapis.com/css?family=East+Sea+Dokdo|Oswald|=Open+Sans+Condensed:300|Amatic+SC&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

— без оглядки на небольшую эффективность тега keywords, его максимально допустимая длина — 250 символов (лучше уложиться в 150).
— иконку для сайта (favicon) можно сгенерировать детальнее для разных устройств — https://realfavicongenerator.net/
— для минимизации количества запросов, шрифты и стили лучше склеивать и минифицировать. Не углубляясь в детали, для вашего текущего уровня знаний подойдет MinifyX
— код, указанный ниже, не работает, т.к. он вызван до инициализации jQuery (вообще рекомендую при разработке почаще заглядывать в консоль браузера на наличие ошибок):

<script type="text/javascript">
$(document).ready(function()  {   
$("a[rel^='prettyPhoto']").prettyPhoto();
    });
</script>

— при помощи плагина на событие OnWebPagePrerender можно реализовать сжатие html, что позитивно оценивается поисковыми системами.

case 'OnWebPagePrerender':
	$html = $modx->resource->_output;
	$html = preg_replace('|\s+|', ' ', $html);
	$modx->resource->_output = $html;

Мои 5 копеек:
1) Шрифты все вообще замените
2) первые экраны ( то что сверху) обратите внимание что у вас текст прилепает к правому краю ( на 1920пикселей ширина, другие не смотрел).
3) Кнопка «ОК» замените ее на прямоугольную со скругленными углами, анимацию нужно переделать и уменьшить время работы эффекта
4) Поработайте с размерами шрифтов, межстрочным интвервалом везде по сайту.
5) Шапка и подвал — можно считать что их нету. Наверно не доделали?
6) Форма заказа обратной связи, в placeholder не должно быть столько много текста да и саму форму надо переделать, про кнопку говорил в пунке 3.
7) Для многих этих пунктов я бы советовал вообще лучше bootstrap использовать и заменить то что нужно под ваши нужны на свое. Кстати как вариант есть еще mdboostrap.com (не сочтите за рекламу, просто как альтернативу предлагаю)