常に変化するライブサイトにリンクせずに、過去のWeb開発作業の実例を示すにはどうすればよいですか?


16

ウェブサイトをデザインするときはいつでも、スクリーンキャプチャだけでなくコーディング機能も表示すると便利だと思います。

残念なことに、ほとんどの場合、クライアントは自分でWebサイトを編集することになり、メンテナンスの費用を支払わないと、サイトの魅力が失われ、ポートフォリオにURLを挿入するのが好きになりません。

  1. Webデザイン/ UIを紹介するベストプラクティスはありますか(実際に機能しており、単純な画面キャプチャではありません)。

  2. クライアントを表示するためにオフラインコピーを保持していますか?

  3. 既存のWebサイト(Behanceまたはその他)にどのようにリンクしますか?


1
これはいい質問だと思います。私は何度も同じ問題に直面しています。あなたは、あなたがウェブサイトをデザインしたなら、なぜそれにもリンクしないのかと尋ねることになりますか?UI / UXの設計に関与し、プログラミングを支援したことを彼らに説明するのは難しいですが、メインのフロントエンド開発は他の誰か(私の設計を台無しにした)によって行われました。
パヨードパンダ

回答:


10

できることはいくつかありますが、個人的にはサイトはその望ましい状態、つまりサイトで最もよく表示されると思います。ホスティングを使用して独自のドメインを所有している場合、クライアントへの完成したプロジェクトが変更されるのではないかと心配している場合、サイト(clientproject.emilie.comなど)をサブドメイン化できない理由はわかりません。デスクトップ、タブレット、モバイルに基づいた基本的なスクリーンショットを追加して、サブドメインへのライブリンクを提供します。

さまざまなタイプのモバイルサイトがあるため、他のオプションとしては、古い電話を持ち、通常の電話マニア(毎回最新のものを購入する)が電話でいくつかのサイトをデモとしてロードし、可能なクライアント。タブレットにも同じルールを適用できます。

サブドメインができない場合は、ラップトップを持ち、ラップトップにXAMPP(すべて)、MAMP(mac)、またはWAMP(Windows)のようなものがあることを確認してください。Apache、PHP、SQLのインストール方法がわからないなど

また、詳細を提供することを恐れないでください。あなたがサイトを設計してから彼らに伝えるなら、私はサイトを設計しましたが、他の誰かがそれをコーディングしました。このオプションは、ライブサイトの使用について心配しているが、スクリーンショットしか持っていない場合に有効です。


2
疑問だから…。異なるURLでの重複した情報はSEOを損なう可能性があります。では、クライアントのサイトの独自のバージョンをホストするときに、この問題にどのように対処しますか?
スコット

5
robots.txtでフォローしないように設定します。@ Webmastersも参照してください:GoogleはSEOに関してどのようにサブドメインを考慮しますか?
DᴀʀᴛʜVᴀᴅᴇʀ

Webサイトemilie.comはAvastによって有害で​​あると検出されました(Virustotalツールはウイルスを検出しませんでした)
franz1

2

クライアントがあなたの作品を修正することは、それが消えることができる唯一の方法ではありません。時には、組織が一斉に消え去るか、または同じサイトに対して複数のデザインをしたかもしれません。

以前は、すべてのリンクを無効にしてフロントページを再作成しただけのアーカイブバージョンにリンクしていました。ただし、ユーザーエクスペリエンスが非常に優れているとは思いません。iframeにロードすると、デザインの目的に関するコンテキストを少し与えることができます。

iframe内で設計する

上記の設計(まだ進行中)は、デスクトップマシン上の仮想マシン内のWebサーバーで実行されています。クライアントに提示する必要がある場合は、確実にラップトップに転送できます。これはほとんどの人にとって最良のオプションではないかもしれませんが、私のようなデザイナー/開発者にとっては十分に機能します。

コピーライティングの能力を誇示するためにも使用していない限り、デザインで使用されているコピーをプレースホルダーテキスト(例えば、リップサム)に置き換える価値があるかもしれません。


2
  1. ベストプラクティス-わかりませんが、Wayback Machineを見ることができます。詳細については、以下をご覧ください。

  2. オフラインコピー-実際はそうではありませんが、Safariのコマンド[ファイル]> [名前を付けて保存...]として使用するのが好きな場合があります:Webアーカイブ。私はかつてそのようなファイルを誰かに渡し、彼らはそれを開くことができないと不満を言いましたが、彼らがどれだけ努力したかはわかりません。たぶん、Safariのものでしょう。

  3. 既存のWebからのリンク-これは試していませんが、Wayback Machineリンクは正常に機能するはずです。

Wayback Machineはhttp://archive.org/web/にあります。私は適切なWeb開発者ではありませんが、作成したWebページで使用しました。

アーカイブされたサイトの一部を取得すると破損するWeb開発技術がいくつかあります。アーカイブされたサイトで壊れた画像がよく見られます。

私はそれを試したことはありませんが、「今」またはできるだけ早く何かをアーカイブするように依頼する方法があると信じています。独自のデバイスに任せた場合、ページをチェックする間隔はわかりません。

これは楽しいです:http : //web.archive.org/web/199​​61219202222/http : //www.apple.com/

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.