Рисуем сайт для детей в стиле "неоморфизм" за 350 000 руб.

[@UPROCK]

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot У себя в телеграм выложил разбор адаптивной версии этого дизайна t.me/evgenyuprock/78 Бесплатные 3D можно скачать здесь www.baza.uprock.ru/tag/3d-objects

[@IGUXdesign]

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

[@iam_brightspark]

Женя, ну как можно делать так круто 😭😎 просто анреал) старый забытый нео зашёл как родной) крууууть 🔥

[@UPROCK]

Ничего сверхъестественного, просто годы упорных тренировок)

[@flatrigna7773]

Очень похоже вышло на SkyEng ) Рад что вы экспериментируете с форматами.

[@UPROCK]

Привет! Спасибо за поддержку) Отдельно отмечу, что плашки с округлыми краями придумали точно не Skyeng) Сейчас много таких сайтов и есть тренд на подобные решения

[@Намазбек-д5ы]

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

[@UPROCK]

Класс! Всегда пожалуйста, пользуйтесь)

[@tavacher4313]

Помогите пожалуйста разобраться, направляющая в центре, должно быть все заголовки по центру, а в каких то блоках заголовки идут слева, немного не разбираюсь 😅

[@UPROCK]

Салют! Заголовки блоков по центру, а в карточках выравнивание по левому краю каждой карточки

[@ЮлияХасаншина-п3ы]

Круто получилось)) стильный современный сайт с уважением к детям и их родителям)) плюс реально все понятно и удобно 🤍

[@UPROCK]

Спасибо🙏

[@diflux]

350 косарей ))))

[@UPROCK]

Да, столько в среднем за такой дизайн студии и берут)

[@nadiay5889]

Классно ! Спасибо! (На кнопке "ПрисоединитЬся" пишется с мягким знаком))

[@UPROCK]

Всегда пожалуйста) Благодарю за внимательность, поправим!

[@teploukhov_sad]

Женя, всё-таки кнопка «плей», как мне кажется, не в стиле неоморфизм, а больше к web 2.0 или даже к 3D :) А сайт очень понравился, как раз недавно думал о том, что ваш стиль не всегда может быть использован, а ты раз и показываешь - магия) Понравилось, что сайт не мимишный, а такой на грани между серьезным и детским

[@UPROCK]

Классно, что ты обращаешь внимание на такие детали) Рад, что дизайн зашёл🙏

[@ЕвгенияКретова-ч1щ]

Спасибо Женя за такой урок!

[@UPROCK]

Класс) Всегда пожалуйста!

[@ВиталийЗахаренко-щ6щ]

Привет Женя! Классный дизайн получился, свежий и легко понятный контент даже для ребёнка) Ну конечно ещё стиль задали 3 дэшки и уместный неоморфизм)) Ты крут в своём деле 🔥 Женя у меня такой вопрос, возможно это мое личное восприятие, на этом сайте есть такое упоминание как живые уроки, и такой стиль дизайна без настоящих фото людей, не исказит посыл? Спасибо 🙏

[@UPROCK]

Привет! Класс, очень рад, что дизайн зашёл) Благодарю, что сослался на субъективное восприятие и да, я упоминал об этом в видео, что добавить слайдер с фотографиями и качественно снятый ролик в блок "как проходят занятия" будет не лишним. Но и в таком виде, сам по себе дизайн и понятная структура располагают к доверию и нужный посыл передается)

[@ВиталийЗахаренко-щ6щ]

@@UPROCK спасибо за внимание 🙏

[@elenadusalina4684]

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

[@UPROCK]

@@elenadusalina4684 кстати спасибо за такое подробное пояснение, очень интересно.

[@yuliyadesigner]

Я думаю, что скоро раздел с отзывами будет неактуален на сайтах. Люди перестали быть такими доверчивыми😄

[@UPROCK]

Не стоит недооценивать доверчивость людей 😉 Теме с девятками в ценниках уже много-много лет и каждый знает, как они работают, тем не менее, никто не спешит от неё отказываться

[@МарияШафран-ч8й]

Почему же, наоборот, люди читают отзывы

[@yuliyadesigner]

@@МарияШафран-ч8й вот вы делаете себе сайт, стоматология, например. Там будет текст в отзывах, какой вы захотите, а не реальные отзывы клиентов)

[@UPROCK]

@@yuliyadesigner Именно искренние отзывы реальных клиентов там и должны быть, в идеале со ссылками на соцсети. Но разумеется, только хорошие) Потому что это в меньшей степени ознакомительный блок и в большей степени дополнительная форма социального подтверждения

[@yuliyadesigner]

@@UPROCK со ссылками на реальные отзывы другое дело👍

[@pavelmitsiuk]

А 350.000 это весь сайт под ключ или только дизайн?

[@UPROCK]

Привет! Это средний ценник студии только за дизайн

[@alinavolkova3709]

Женя, котик, привет :) Подскажи пожалуйста, почему ты стартуешь с фрэйма на 1440, а не на 1920 (если я не ошибаюсь, этот размер игнорить нельзя) если я ошибаюсь, подправь меня пожалуйста🙂 Хорошего дня 🤗

[@UPROCK]

Привет, Алина! Спасибо, и тебе хорошего дня и продуктивной рабочей недели) Контейнер 1200 это примерно столько, сколько попадает в зону внимания пользователя, рисуя такой экран мы закрываем практически все популярные десктопные разрешения, от fullhd-мониторов до небольших ноутов. Таким сайтом будет удобно и комфортно пользоваться, взгляду не нужно будет постоянно прыгать из стороны в сторону, хотя, при необходимости впоследнствии можно будет добавить версии и для супер-больших разрешений. Если мы рисуем эффектный фестивальный сайт, основная задача которого не столько нести контент, сколько поражать воображение и раздвигать границы возможного в вебе - тут можно начинать и с 1920.

[@alinavolkova3709]

@@UPROCK благодарю за развернутый ответ 🤗

[@ilyanasedkin]

Отличный дизайн. Просто, ярко и со вкусом👌 Женя, ты вдохновляешь 🙌

[@UPROCK]

Спасибо🙏Очень рад)

[@АнтонЗверев-ц7ю]

Евгений, очень круто! Посмотрел с удовольствием!

[@UPROCK]

Очень рад! Спасибо)

[@versh_sasha]

Как всегда максимально понятно🤤 обожаю!

[@UPROCK]

Спасибо🙏

[@andrewkowriga]

Огонь! Выглядит удобно и при этом свежо

[@UPROCK]

Супер) удобно, уверяю, на деле так и есть)

[@SergRogev]

Евгений, спасибо, приятно вас слушать и конечно же смотреть. Зашёл на их сайт, а там старый дизайн( почему?

[@UPROCK]

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

[@AndreyOdessa999]

А где название школы в первом блоке??? И странно, что нет call to action..

[@UPROCK]

Салют! Название расположено в хэдере, нет необходимости дублировать его в первом блоке. По поводу CTA в обложке - понимаю, при проектировании лендинга это своего рода канон. Но в вебе каноны не всегда непреложные правила, на сайте онлайн-школы, например, сценарий заказа услуги без ознакомления с компанией крайне маловероятен. Для связи в том же хэдере есть телефон и контакты, в видео я обо всем этом рассказываю)

[@AndreyOdessa999]

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

[@UPROCK]

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

[@игорьушаков-е9ъ]

Не понятно как колонка со списком будет выглядеть на телефоне. Схлопываться будет левая или правая колонки?

[@UPROCK]

Привет! У меня в телеграме t.me/evgenyuprock есть разбор адаптива этого проекта)

[@1Fotobook]

Корошо, как потом это выгрузить на хочтигг что бы это работало все ?

[@UPROCK]

Дизайн потом верстают или запускают на тильде/вебфлоу

[@Elena_Shipovnik]

Классно, надо тоже детский сайт сделать)))

[@sergey4522]

Классный дизайн, выглядит свежо и современно! Календарь выделяется из общего стиля исполнения. 1) Есть идея, можно ли сделать календарь( дата, тема, время) в виде плашек с тем же эффектом и вертикальным скроллом, чтобы была видна только часть соответствующая левой стороне по высоте, в нее входило около 7-10 плашек. 2)Как масксимумн добавить эффект подобный вращению цифр при установке будильника. Чтобы средняя плашка была чуть крупнее и выше.

[@UPROCK]

Привет! На мой взгляд, я в видео все объяснил, там все логично. А вот как ты сказал, честно говоря, тяжело сейчас текстом представить. Но ты имеешь полное право попробовать свой вариант👍

[@sergey4522]

@@UPROCK просто идея, разумеется надо смотреть как будет выглядеть.

[@sofimorter678]

Ну прям ОЧЕНЬ отдает Skyeng/Skysmart

[@UPROCK]

Привет! Поверь, точно не Skyeng и не Skysmart придумали плашки с округлыми краями) Просто сейчас это актуальный тренд, таких дизайнов много

[@AndreyOdessa999]

Дизайн, однозначно, получился лучше!

[@UPROCK]

Спасибо, Андрей🙏

[@karinamag393]

Love

[@UPROCK]

☺️

[@edwardgrom2207]

Большое спасибо, очень крутой и полезный урок! Жду следующего видео!)

[@UPROCK]

Пожалуйста) Да, в ближайшее время выложу новый контент)

[@klementeva_nataly]

Спасибо. Очень круто, классно, побежала в Фигму ❤

[@UPROCK]

Всегда пожалуйста! Результативного дня)

[@MaBrg1]

Круть

[@UPROCK]

Спасибо🙏

[@golddrop1976]

это просто невероятно, делаешь и объясняешь. дорого, качественно.

[@UPROCK]

Спасибо) Так и есть, никакого мошенничества, только лишь ловкость рук😉

[@golddrop1976]

@@UPROCK красота)

[@tonysour3349]

Эта цена в названии являются предложением или сравнением ? 🤔😆

[@UPROCK]

Привет! Это просто средняя цена студии за такой дизайн)

[@yantkalich7090]

все видео смотрю с удовольствием! Уже взял курс, все жду когда освобожу время и засяду. Спасибо

[@UPROCK]

Супер! Очень рад, что видосы заходят, но и с учебой лучше не затягивать👍

[@ДмитрийДремов-я3ч]

🔥🔥🔥

[@UPROCK]

👍👍👍

[@kegami7997]

А почему в самом верхнем большом блоке "Онлайн-школа, не похожая ни на что" нет кнопки которая отправит на поп ап с заявкой? (Я не занимаюсь UX дизайном, просто сразу бросилось в глаза, поэтому спрашиваю)

[@UPROCK]

Привет! Да, вопрос понятен, кнопка "Заказать" это уже такой канон для лендингов. Но каноны в вебе не являются непреложными правилами. Здесь, перед тем, как совершить покупку, человек должен ознакомиться с продуктом. Если вдруг ему необходимо сразу связаться с компанией - там есть и телефон и контакты. А вообще в видео я последовательно рассказываю, как проектировалась обложка, и как думает пользователь при взаимодействии с ней)

[@kegami7997]

@@UPROCK спасибо за развёрнутый ответ!

[@UPROCK]

@@kegami7997 Всегда пожалуйста)

[@rustam_kzn]

так круто

[@UPROCK]

👀Класс) я очень рад, спасибо🙏

[@erldas]

желтый блок в итоге для чего?

[@UPROCK]

Если Вы имеете в виду блок с акцией - то там расположена привлекающая к нему внимание иллюстрация

[@erldas]

@@UPROCK спасибо за пояснение 👍🏼 успехов вам!

[@GAVNO]

Хороший видос!

[@UPROCK]

Спасибо🙏

[@dambaradnaev6533]

Как всегда топ 💯

[@UPROCK]

Супер, спасибо!

[@evgenyvlasof]

Как всегда гениально!

[@UPROCK]

Спасибо🙏

[@abrovols]

Очень круто!

[@UPROCK]

Спасибо)

[@VladMantulenko]

Всем привет! Подскажите кто нашел где скачать данные 3д модели? Нигде не нашел. Спасибо!

[@UPROCK]

Привет, специально для тебя здесь выложил ресурсы, где скачать бесплатно 3D www.baza.uprock.ru/tag/3d-objects

[@VladMantulenko]

@@UPROCK Спасибо, но я там не нашел конкретно подобных 3D персонажей, поэтому вопрос остается актуальным

[@VladMantulenko]

@Анастасия Бортулева Спасибо , Анастасия!

[@UPROCK]

@user-sf5fx9eh2x Спасибо, что подсказали 👍

[@НаташаСударикова-о9ц]

Я тоже не нашла, на homies3d там бесплатный только один персонаж 🤔

[@НикитаАчимов]

skyeng, skypro style

[@UPROCK]

Не думаю, что такой стайл это эксклюзив данных компаний, и уж точно не они первые его придумали🤷‍♂️

[@khrustalev_creative]

Зачет

[@UPROCK]

Спасибо)

[@annab9085]

Дизайн сам по себе классный, в особенности, если добавить живости в виде блока с фотографиями. Смутили только разного размера шрифты заголовков, я обычно в своих дизайнах соблюдаю иерархию H1 на первом экране, остальные заголовки по размеру меньше - H2. А тут прям вразнобой идет, например, в третьем блоке заголовок крупнее, чем в первом, а в пятом блоке меньше, чем в четвертом) А еще кнопку "Присоединиться" я бы привела к одному виду по высоте с остальными синими кнопками. Также смутила огромная кнопка размером с заголовок "Читайте здесь". И раз уж начали заголовки располагать с выравниванием по левой стороне, то можно было придерживаться этого момента во всех блоках, а то некоторые блоки с выравниванием по центру. Но это чисто мое видение, повторюсь, в целом, получилось классно)

[@yanakovaleva3319]

Шаблонные решения 🤷‍♀️

[@annab9085]

@@yanakovaleva3319 не знаю как у вас в компании, но в моей за такие нешаблонные решения, как в видео, отдел разработки "по попе дает", поэтому и обратила внимание

[@UPROCK]

Привет! Спасибо за комментарии) В тебе говорит необходимость использовать какие-то стандартные решения и это не плохо: на начальном этапе только они и нужны. Но когда у тебя есть некоторый опыт, руководствуясь им ты можешь калибровать эти решения под контекст. На самом деле заголовки идут не вразнобой, если ты не видишь систему это не обязательно означает, что её нет) По поводу вашей компании в которой можно получить по попе - нужно уметь работать с этими правилами, мы же не роботы, чтобы беспрекословно действовать по заданной программе. Всегда нужно отталкиваться от контекста. В сообщении это долго объяснять, но вообще, в каждом видео я стараюсь рассказать о логике, чем я руководствуюсь используя те или иные решения.

[@MeditationJam]

Вау, це просто інший левел Чудова робота❤

[@UPROCK]

Спасибо🙏