Вопрос: Как сделать подобный сайт?

Лучший ответ:
Вот встал вопрос о том, как сделать самостоятельно что-то подобное. Не копию, но сам принцип - лаконичные страницы, минимум лишней информации, быстрая загрузка, удобные формы заказа (выдающие по ходу заполнения формы параметры скидки и цены) и так далее. 
Иметь отличное чувство вкуса, познакомиться с работами выдающихся в этом плане дизайнеров и юзабилити специалистов, самому поучавстсовать в разработке множества серьезных разнонаправленных проектах, что б на своем опыте понять, где встречаются подводные камни.Но с другой стороны неужели так сложно научиться делать сайты более-менее нормального вида? =)
Просто невозможно. Потому что не существует "сайтов более-менее нормального вида". Всегда есть предметная область и конкретная специализация. Дизайн? Фотошоп, иллюстратор, графический дизайн, веб-дизайн, десктопы, мобильные приложения, адаптивность ? Фронтэнд? Верстка, SPA, конкретная мобильная платформа ? Бэкенд? Банковские приложения или социальные сети?
В вашем случае полезнее всего, мне кажется, взять за образец ваш сайт из примера (раз так понравился) и за месяц-два попробовать сделать его копию на чистом HTML (используя для удобства, скорости разработки и что б не отставать от времени и получить реальную пользу), такие вещи, как генераторы статических сайтов, систему контроля версий, багтрекеры и препроцессоры (для html - haml\slim\jade... , для css: LESS\SAS, для JS, думаю, для начала не стоит. Если вообще круто удариться в верстку (фронтэнд), то еще и использовать CSS методологию (smacss, bem...) ), а так же все это делать в нормальной OS (unix-like), и не в блокноте, а в IDE.
Таким образом за несколько месяцев можно хорошо познакомиться с современным стеком технологий. Не вдаваясь особо в серверные языки, думаю, придет общее понимание, как вообще в целом устроен веб. Плюс, должны получить неслабые знания верстки, которые в любом случае пригодятся, даже если вы вплотную уйдете в серверные языки, т.к. html\css приходится писать всем иногда.
Когда ваш сайт будет точной копией (или улучшенной) вашего примера и можно будет попереходить по ссылочкам, используя встроенный сервер генератора статических сайтов (без серверной логики), возможно, станет интересно прикрутить фронтэнд MV* фреймворк и сэмулировать серверную часть (что б можно было типа заказать что-то, добавить в корзину, оставить отзыв), тогда перейти к следующему шагу.
Дальше, понять, что из себя представляет ваш сайт в примере: попробовать описать его в техническом задании - какие модули использует (гостевая, магазин, чат, форум...), какие требования к каждому из них. Примерно оценить нагрузку (кол-во пользователей, кликов, просмотров, взаимодействие с логикой... Это все очень полезные навыки, если реально собираетесь заниматься чем-то подобным, т.к. не у всех сейчас есть общее видение итоговой системы, хотя современные инструменты дают такую возможность. 
После того, как ТЗ будет готов, уже и определитесь, что лучше, взять CMS и допилить или использовать фреймворк. Так же, определитесь со стэком технологий (не стоит делать сайт визитку на erlang и mongodb, а cms\ecommerce на ruby).

Худший ответ:
после того как изучите html css js, будет самое время взглянуть на https://webasyst.ru