Портфолио верстальщика. Готовые страницы.
Помогите заказчику рассмотреть вашу вёрстку: как собрана страница, как выглядит её мобильная версия и за какую часть проекта отвечали вы. Добавьте в ELL один законченный кейс со ссылкой или скриншотами и коротко объясните результат.
Задача
Условный пример
Учебная ситуация для объяснения сценария.
До
Учебный пример: в портфолио стоит красивая обложка страницы услуги и короткая подпись «сайт под ключ». Автор занимался вёрсткой, но получателю приходится отдельно выяснять, где посмотреть результат и какая часть проекта сделана этим специалистом.
После
Автор называет кейс «Вёрстка страницы услуги по макету команды», выбирает ссылку на согласованную публичную реализацию и добавляет описание: «Собрал HTML/CSS, настроил мобильное меню и состояния кнопок. При узкой ширине меню открывается по кнопке, блоки выстраиваются в одну колонку. Дизайн и тексты получил готовыми; серверную часть формы делал другой участник». Теперь у клиента есть понятная работа для просмотра и конкретная тема разговора с верстальщиком.
Порядок действий
- Выберите одну законченную страницу, которую удобно представить будущему заказчику. Подготовьте разрешённый публичный адрес реализации либо снимки её нужных состояний. Отметьте, какой макет и материалы получили от команды.
- Сохраните профиль автора в ELL и нажмите «Добавить работу». Дайте кейсу название по задаче. Для выполненной страницы выберите «Тип работы» — «Сайт», а в «Направление» впишите, например, «Frontend / адаптивная вёрстка».
- Выберите один способ просмотра. В режиме «Ссылка на сайт» укажите согласованный публичный адрес. В режиме «Скриншоты» добавьте подготовленные кадры и расположите их в понятном порядке; для сравнения ширин подписи включите в сами изображения.
- В поле «О задаче и результате» коротко свяжите задачу, свою работу и результат. Расскажите о собранных блоках, мобильной навигации или состояниях интерфейса, которыми занимались лично. Полученный дизайн и вклад коллег назовите отдельно.
- Подберите обложку, нажмите «Сохранить работу» и откройте «Предпросмотр». Посмотрите, легко ли узнать проект, прочитать описание и перейти к выбранному способу просмотра. Публичную реализацию отдельно откройте по её адресу.
- Когда кейс готов, проверьте его видимость, доступ к портфолио и одобренный статус публикации. Отправляя ссылку клиенту, подскажите, какую работу и какой участок страницы стоит рассмотреть сначала.
Проверить перед завершением
- По названию и обложке понятна задача страницы.
- В кейсе есть удобный способ посмотреть результат: ссылка либо снимки.
- Своя вёрстка и интерфейсная работа описаны конкретно.
- Готовый макет и вклад команды названы отдельно.
- Порядок снимков или публичный адрес проверены после сохранения.
- Кейс виден в опубликованном портфолио, которым вы собираетесь поделиться.
Ограничения и условия
Вопросы и ответы
Что показать кроме обложки?
Дайте получателю способ рассмотреть саму работу: публичную реализацию по ссылке либо несколько снимков нужных участков. В описании подскажите, на что обратить внимание — например, на навигацию или перестроение карточек.
Как описать вклад в командном проекте?
Назовите свою часть конкретно: сверстал блоки, настроил мобильное меню, подготовил состояния кнопок. Рядом укажите, что получили готовым — дизайн, тексты или серверную часть. Такой кейс помогает обсуждать именно ваши навыки.
Что вписать в «Направление»?
Используйте короткую понятную подпись, например «Frontend / адаптивная вёрстка». Это свободное текстовое поле до 40 символов. В самом описании раскройте задачу конкретной работы.
Какие снимки выбрать для адаптивной страницы?
Покажите один и тот же важный участок при широкой и узкой области просмотра. Подпишите ширину в изображении, оставьте читаемыми заголовок и элементы интерфейса. Порядок кадров должен помогать понять решение.
Можно оформить учебную работу?
Да. Назовите кейс учебным и укажите источник макета. Расскажите, что реализовали сами и чему уделили внимание. Для знакомства с вашей вёрсткой полезен понятный законченный пример.
Что учесть перед отправкой ссылки?
Согласуйте показ материалов и проверьте публичность портфолио. В редакторе выбирается один режим: ссылка либо скриншоты; поля ссылки и презентации скрыты при выборе снимков. По двум кадрам нельзя судить обо всех устройствах, а предпросмотр ELL не заменяет проверку действий в вашей публичной реализации. Описывайте только свою фактическую работу и выполненные проверки.
Отправьте клиенту понятный кейс
Покажите готовую страницу, объясните свою роль и помогите получателю рассмотреть нужные детали. Такое портфолио даёт предметный повод обсудить следующую задачу.
Собрать портфолио