Как я могу продемонстрировать рабочий пример моей прошлой работы по веб-разработке, не ссылаясь на постоянно меняющийся живой сайт?

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

К сожалению, большую часть времени клиенты заканчивают тем, что редактируют веб-сайты самостоятельно, и если они не платят мне за обслуживание, сайт теряет часть своей привлекательности, что не заставляет меня слишком любить вставлять URL-адреса в мое портфолио.

1. Есть ли лучшие практики для демонстрации веб-дизайна / пользовательского интерфейса (это на самом деле работает, а не просто снимок экрана)?

2. Вы держите автономную копию, чтобы показать клиентам?

3. Как вы связываете его с существующим сайтом (Behance или другим)?

Ну, есть несколько вещей, которые вы можете сделать, но я думаю, что лично сайт лучше всего просматривать в желаемом состоянии, то есть сайт. Если вы владеете собственным доменом с хостингом, я действительно не понимаю, почему вы не можете под-доменить свои сайты (например, clientproject.emilie.com), если вы беспокоитесь о том, что готовый проект для клиента будет изменен. Просто добавьте базовый снимок экрана, как это делают некоторые из них на настольном компьютере, планшете и мобильном устройстве, а затем предоставьте прямую ссылку на поддомен.

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

Если вы не можете создать поддомен, просто возьмите ноутбук и убедитесь, что на вашем ноутбуке есть что-то вроде XAMPP (все), MAMP (mac) или WAMP (Windows), чтобы запустить сайт, который вы не знаете, как установить Apache, PHP, SQL , и т.д.

Кроме того, не бойтесь предоставить детали. Если вы разработали сайт, то скажите им, что я разработал сайт, но у меня был кто-то еще, кто его кодировал. Эта опция хорошо работает, если вы беспокоитесь об использовании живого сайта, но имеете только скриншот.

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

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

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

Если вы не используете его для демонстрации своих возможностей копирайтинга, возможно, стоит заменить копию, использованную в дизайне, на текст-заполнитель (например, lipsum).

1. Лучшие практики - я не знаю, но, возможно, вы могли бы взглянуть на Wayback Machine. Подробнее об этом ниже.

2. Автономные копии. Не совсем, хотя иногда мне нравится использовать команду Safari «Файл»> «Сохранить как» ... Сохранить как тип: Веб-архивы. Однажды я дал кому-то такой файл, и они пожаловались, что не могут открыть его, хотя я не знаю, как сильно они пытались. Может быть, это вещь Safari.

3. Ссылка из существующей сети - я не пробовал это, но ссылки Wayback Machine должны работать нормально.

Wayback Machine находится по адресу http://archive.org/web/ . Я использовал его на веб-страницах, которые я создал, хотя я не являюсь подходящим веб-разработчиком.

Существуют некоторые технологии веб-разработки, которые разрушают части архивируемого сайта при получении. Я часто вижу битые изображения в заархивированных сайтах.

Я полагаю, что есть способ попросить его заархивировать что-то «сейчас» или как можно скорее, хотя я этого не пробовал. Я не знаю, сколько времени он ждет между проверкой страниц, если оставить их на свои устройства.

Это весело: http://web.archive.org/web/19961219202222/http://www.apple.com/