Иван Касак — верстаю аккуратные, адаптивные и понятные сайты по дизайну из Figma. Сохраняю визуальную идею макета и слежу, чтобы всё хорошо работало на разных экранах.
знакомства с веб-разработкой
портфолио
внимания к адаптиву
Figma
HTML5
АДАПТИВ
GITHUB
CSS3
JAVASCRIPT
Учебные проекты, созданные для демонстрации дизайна, адаптивной вёрстки и работы с разными стилями.
Лендинг студии интерьеров
Современный сайт студии, которая проектирует рабочие пространства. Акцент на крупной типографике, проектах и спокойной премиальной подаче.
01
Сайт фитнес-студии
Энергичный лендинг студии умного фитнеса. Контрастные блоки, программы тренировок, преимущества и призыв записаться на занятие.
02
Продуктовый лендинг
Презентационный сайт умной лампы для дома. Минималистичный визуал, сценарии освещения, характеристики продукта и интерактивные элементы.
03
Сервис цифровой кофейни
Атмосферный сайт кофейного сервиса с меню, подпиской и преимуществами. Тёплая палитра, выразительные карточки и лёгкая анимация.
04
Сервис путешествий
Яркий лендинг планировщика путешествий. Подбор направлений, преимущества сервиса, популярные маршруты и форма для первого шага.
05
Перенесу готовый дизайн из Figma в HTML и CSS, сохранив структуру, стиль, типографику и основные визуальные детали.
Настрою корректное отображение сайта на компьютере, планшете и телефоне без сломанных блоков и неудобного текста.
Создам визуальную концепцию одностраничного сайта: структуру, стилистику, блоки, кнопки и основные состояния интерфейса.
Уточняем задачу, формат сайта, количество блоков и нужные сроки.
Проверяю структуру, размеры, шрифты, изображения и поведение элементов.
Собираю страницу на HTML и CSS, при необходимости добавляю JavaScript.
Настраиваю отображение на разных экранах и исправляю проблемные места.
Тестирую навигацию, кнопки, форму, анимации и общую целостность страницы.
Отдаю готовые файлы и объясняю, где менять текст, изображения и ссылки.
Стараюсь сохранить исходную композицию, размеры и визуальный характер дизайна.
Можно спокойно обсудить правки, детали и получить объяснение без сложных терминов.
Сайт не ограничивается одной шириной экрана и продумывается для мобильных устройств.
Разделяю HTML, CSS и JavaScript, использую понятные классы и логичную структуру.
Figma
VS Code
HTML5
CSS3
JavaScript
GitHub
Готовый макет в Figma, тексты, изображения и краткое описание того, как должен работать сайт. Если части материалов пока нет, можно использовать временные заглушки.
Да. Адаптивная версия входит в подход к работе: основные блоки, текст, кнопки и изображения настраиваются под разные размеры экранов.
Да, можно обсудить создание дизайна лендинга отдельно. Результатом будет готовый макет, который позже можно сверстать.
Да. Могу добавить мобильное меню, плавную прокрутку, простые анимации, вкладки, раскрывающиеся блоки и обработку формы на стороне интерфейса.
Ты получишь папку с HTML, CSS, JavaScript и всеми локальными материалами. Её можно загрузить на GitHub Pages, Netlify, Vercel или обычный хостинг.
Опиши задачу, пришли макет или просто расскажи, какой сайт тебе нужен.
Telegram
GitHub
Наверх ↑