Ваня Богатырев

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

Весь дизайн одинаковый, новые типы компонентов появляются очень редко, если абстрактно, то сейчас это:

квадраты, прямоугольники, круги, полоски

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

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

Базовые элементы верстки (на этой странице читать все ссылки)
Контур гайды (тут посмотри из каких кирпичей собирают интерфейсы)
Блог Бирмана(выборочно сначала почитай, что интересно, а потом по ситуации)
Советы главреда (их много, сразу не осилить, но успешный коммерческий сайт это все еще текст, а текст это типографика. Хороший текст + хорошая типографика и ты уже можешь делать продукты лучше, чем половина нищебродов которые заполонили отрасль)
Гайды материал дизайн (наблюдай за Романом Камушкеном, если нужно купи его готовую библиотеку компонентов в фигме)
Искусство мыть слона (потом почекай кто такой этот Головач)

несколько книг, которые прям апнут тебя:

А.Горбунов - Типографика и верстка (скачать можно вк или найти в инете)
Илья Бирман - пользовательский интерфейс (подписка 400р)
Idea book - графический дизайн
Пиши, сокращай - Максим Ильяхов

это хороший базовый набор, +ссылки, что я дал, если не полениться и почитать и вникнуть, через месяца 3, ты будешь понимать как сдизайнить любой компонент, как перестать писать тупой текст и как перестать смотреть у других. Я уверен ты сделаешь просто астрономический рывок в дизайне. Все остальные ссылки тебя будут находить сами, ты как-бы выйдешь на поток, работает довольно интересно.

и еще, вот примеры дизайн-систем других компаний, посмотри, как это вообще выглядит:

дизайн-системы 1
работай в фигме

бонус:
главные ошибки дизайна

p.s становись проактивным, меньше задавай вопросов, сначала пробуй найти ответ сам, засунь подальше тщеславие и просто начни делать фейковые работы. Так ты очень быстро научишься принимать дизайн-решения, а после ссылок у тебя наступит первое просветление (:

- Справедливо и обязательно.
- После получения доплаты остановить любые работы, вплоть до заключения договора на остаток работ. Я бы в договор накинул еще тыщ 5.

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

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

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

Нужно грамотно распоряжаться ресурсами. Как финансовыми, так и человеческими. Чтобы не было ситуаций простоя работников, не было минусовых балансов (хотя, тут нереально, они всегда будут), не было долгов (аналогично).

Нужно уметь смотреть со стороны клиента. Ставить себя на его место, думать о его потребностях. Выстраивать свою рекламную политику так, чтобы попадать прямиком в ЦА. Нужно уметь правильно выбирать свою нишу, позиционировать свои услуги на эту нишу и взаимодействовать с клиентами из этой ниши.

И самый главный навык, который пригодится, вообще, в жизни, я считаю. Нужно уметь отличать адекватного человека от неадекватного. Этот навык сразу избавит новоиспечённую веб-студию от кучи проблем, типа миллионной правки на сайте-визитке, согласования текстов с уборщицей бухгалтера жены заказчика и "гениальной инновационной идеи стартапа, под названием "вычтонехотитестатьмиллионерами?" или "давайтеподпишемNDAатовывсеукрадете" за 10000 рублей.

P.S. А, вообще, можно ничего не делать, а просто снять обшарпанный офис, поставить туда убитый домашний ноут, быстро нарезать сайт для студии на украденном с TM шаблоне, закупить настройку Директа у очередного "молодого и перспективного таргетолога" студента, бухнуть туда 5-6 тысяч рублей, сесть на стул в пустом офисе и наслаждаться тем, что вы бизнесмен :) А когда позвонит потенциальный клиент, то заломить ему ценник в сотку за сайт-визитку и отдать выполнение на аутсорс первому попавшемуся человеку из группы Вконтакте "Вёрстка сайтов HTML/JS/CSS".
Так, по моему личному мнению, работают 80% маленьких студий в провинции.

Привет, посмотрел в custom.js файле и в функции pixflow_portfolioPopup проверяется, что ширина экрана не менее 1024 пикселей, прежде чем открывать попап.

Чтобы попап заработал на мобильном, нужно поправить функцию вот так:

function pixflow_portfolioPopup() {
    'use strict';

    $('body').on('click',".inside .item-wrap.portfolio-popup",function(e){
        var element= e.target || e.srcElement;
        if ((e.which != 2) ) { // <-- убрал проверку ширины экрана здесь.
            if (element.attributes.class.nodeValue.indexOf('icon') < 0) {
                $.magnificPopup.open({
                    items: {
                        src: $(this).find(".item-image").attr('data-src')
                    },
                    overflowY:'scroll',
                    type: 'image',
                    closeOnContentClick: false,
                    closeBtnInside: false,
                    mainClass: 'mfp-with-zoom mfp-img-mobile',
                    callbacks: {
                        beforeOpen: function () {
                        },
                        afterClose: function () {
                            $("html").css({'overflow-y': 'auto'});
                        },
                    }
                }, 0);
            }
        }
    });
    $('body').on('click', ".outside .item-image.portfolio-popup", function () {
         //убрал проверку ширины экрана здесь.
            $.magnificPopup.open({
                items: {
                    src: $(this).attr('data-src')
                },
                overflowY:'scroll',
                type: 'image',
                closeOnContentClick: false,
                closeBtnInside: false,
                mainClass: 'mfp-with-zoom mfp-img-mobile',
                callbacks: {
                    beforeOpen: function () {
                    },
                    afterClose: function () {
                        $("html").css({'overflow-y': 'auto'});
                    },
                }
            }, 0);
    });
}

К сожалению, в самом вордпрессе не силен, так что куда конкретно идти, чтобы поправить этот код, подсказать не могу.

Выкидываете все к **ям и оставляете форму с двумя полями: имя, телефон. А ниже кнопка - оставьте ваш номер телефона и мы вам перезвоним. Далее назначаете встречу клиенту и в беседе записываете все, что вам нужно для создания сайта. После этого заполненный самостоятельно бриф отправляете клиенту для подтверждения, что все заполнено так, как надо.

Нафик всю эту воду. Её никто не любит.
3-4 примера сайтов, какие нравятся.
3-4 примеров, что не нравится.
3-4 примера конкурентов.
Контакты и информация о компании.

Этот тип называется "обычный дизайн для обычных людей"
Аккуратно написан текст и все оформлено. Без трендов 2010-2017 годов.
Единственно шрифт Proxima вошел в моду в каком-то году и пока еще не вышел из моды))

Material - это про материал и главное взаимоотношения между ними (кнопки, карточки, какая из них лежит поверх, тени, продавливание вглубину или поднятие наверх, анимации и взаимодействие).