Ilekroć projektuję stronę internetową, myślę, że przydatne jest nie tylko wyświetlanie zrzutów ekranu, ale także umiejętności kodowania.
Niestety, w większości przypadków klienci sami edytują strony internetowe, a jeśli nie płacą mi za utrzymanie, strona straci trochę atrakcyjności, co nie sprawia, że lubię wstawiać adresy URL w moim portfolio.
Czy są jakieś najlepsze praktyki, aby zaprezentować projektowanie stron internetowych / interfejs użytkownika (który faktycznie działa, a nie zwykły zrzut ekranu)?
Czy przechowujesz kopię offline, aby pokazać klientom?
Jak łączysz go z istniejącą witryną (Behance lub inną)?
website-design
portfolio
mockup
ciekawy
źródło
źródło
Odpowiedzi:
Cóż, jest kilka rzeczy, które możesz zrobić, ale myślę, że osobiście stronę najlepiej oglądać w pożądanym stanie, jakim jest strona. Jeśli posiadasz własną domenę z hostingiem, naprawdę nie rozumiem, dlaczego nie mogłeś subdomeny swoich witryn (takich jak clientproject.emilie.com), jeśli obawiasz się, że ukończony projekt dla klienta zostanie zmieniony. Po prostu dodaj podstawowy zrzut ekranu, jak niektórzy robią na komputerze, tablecie i telefonie komórkowym, a następnie podaj łącze na żywo do subdomeny.
Niektóre inne opcje, ponieważ istnieje mnóstwo różnych rodzajów witryn mobilnych, to jeśli masz stary telefon i jesteś zwykłym maniakiem telefonów (ten, który kupuje najnowszy za każdym razem), załaduj kilka witryn na telefon jako wersję demonstracyjną i przekaż go potencjalny klient. Ta sama zasada może dotyczyć tabletu.
Jeśli nie możesz subdomeny, po prostu weź laptopa i upewnij się, że Twój laptop ma coś takiego jak XAMPP (wszystko), MAMP (mac) lub WAMP (Windows), aby uruchomić twoją stronę, nie wiem jak zainstalować Apache, PHP, SQL itp.
Ponadto nie bój się podać szczegółów. Jeśli zaprojektowałeś witrynę, powiedz im, że zaprojektowałem witrynę, ale miałem kogoś, kto ją koduje. Ta opcja działa dobrze, jeśli obawiasz się korzystania z witryny na żywo, ale masz tylko zrzut ekranu.
źródło
Klienci modyfikujący twoją pracę to nie jedyny sposób, w jaki może zniknąć, czasem organizacja odchodzi razem lub może wykonałeś wiele projektów dla tej samej witryny.
W przeszłości po prostu łączyłem się z wersją zarchiwizowaną, która była niczym innym jak odtworzeniem strony głównej z wyłączonymi wszystkimi linkami. Nie sądzę jednak, aby zapewniało to bardzo dobre wrażenia użytkownika. Załadowanie go w ramce iframe pozwoliłoby ci dać nieco kontekstu, do czego służy projekt.
Powyższy projekt (który jest wciąż w toku) działa na serwerze internetowym wewnątrz maszyny wirtualnej na moim komputerze stacjonarnym. Gdybym musiał przedstawić go klientowi, z pewnością mógłbym go przenieść na laptopa. To może nie być najlepsza opcja dla większości ludzi, ale działa wystarczająco dobrze dla projektanta / programisty takiego jak ja.
O ile nie używasz go również do popisywania się umiejętnościami copywritingu, warto zastąpić kopię używaną w projekcie tekstem zastępczym (np. Usta).
źródło
Najlepsze praktyki - nie wiem, ale może mógłbyś spojrzeć na Wayback Machine. Więcej o tym poniżej.
Kopie offline - Niezupełnie, chociaż czasami lubię używać polecenia Safari Plik> Zapisz jako ... Zapisz jako typ: Archiwa internetowe. Kiedyś dałem komuś taki plik i narzekali, że nie mogą go otworzyć, chociaż nie wiem, jak bardzo się starali. Może to kwestia Safari.
Link z istniejącej sieci - nie próbowałem tego, ale linki Wayback Machine powinny działać poprawnie.
Wayback Machine znajduje się na stronie http://archive.org/web/ . Użyłem go na stronach internetowych, które utworzyłem, chociaż nie jestem odpowiednim programistą.
Istnieje kilka technologii tworzenia stron internetowych, które podczas pobierania niszczą części zarchiwizowanej witryny. Często widzę zepsute obrazy w zarchiwizowanych witrynach.
Wierzę, że istnieje sposób, aby poprosić o zarchiwizowanie czegoś „teraz” lub tak szybko, jak to możliwe, chociaż tego nie wypróbowałem. Nie wiem, jak długo czeka między sprawdzaniem stron, jeśli pozostawiono je własnym urządzeniom.
To jest fajne: http://web.archive.org/web/19961219202222/http://www.apple.com/
źródło