Comment puis-je présenter un exemple de travail de mon travail de développement Web passé, sans lien avec le site en direct en constante évolution?

16

Chaque fois que je conçois un site Web, je pense qu'il est utile non seulement d'afficher des captures d'écran mais également des capacités de codage.

Malheureusement, la plupart du temps, les clients finissent par éditer eux-mêmes des sites Web et s'ils ne me paient pas pour la maintenance, le site perdra une partie de son attrait, ce qui ne me rend pas trop friand d'insérer des URL dans mon portefeuille.

  1. Existe-t-il des meilleures pratiques pour mettre en valeur la conception Web / UI (qui fonctionne réellement et pas une simple capture d'écran)?

  2. Conservez-vous une copie hors ligne pour montrer aux clients?

  3. Comment le liez-vous à votre site Web existant (Behance ou autre)?

curieux
la source
1
Je pense que c'est une bonne question. Je fais face au même problème plusieurs fois. Les gens finissent par demander, si vous avez conçu le site Web, pourquoi ne pas y créer de lien? Il est difficile pour moi de leur expliquer que j'étais impliqué dans la conception UI / UX et que j'ai aidé à la programmation, mais le développement frontal principal a été fait par quelqu'un d'autre (qui a ruiné ma conception).
Payod Panda

Réponses:

10

Eh bien, il y a plusieurs choses que vous pouvez faire, mais je pense personnellement qu'un site est mieux vu à son état souhaité, qui est un site. Si vous possédez votre propre domaine avec hébergement, je ne vois vraiment pas pourquoi vous ne pouvez pas sous-domaine vos sites (tels que clientproject.emilie.com) si vous craignez que le projet terminé pour le client soit modifié. Ajoutez simplement une capture d'écran de base comme certains le font sur le bureau, la tablette et le mobile, puis fournissez un lien direct vers le sous-domaine.

Certaines autres options, car il existe des tonnes de différents types de sites mobiles, si vous avez un ancien téléphone et que vous êtes un habitué du téléphone (celui qui achète le dernier à chaque fois) chargez quelques sites sur le téléphone en tant que démo et remettez-le à un client possible. La même règle pourrait s'appliquer pour une tablette.

Si vous ne pouvez pas sous-domaine, prenez simplement un ordinateur portable et assurez-vous que votre ordinateur portable a quelque chose comme XAMPP (tout), MAMP (mac) ou WAMP (Windows) pour exécuter le site de vous ne savez pas comment installer Apache, PHP, SQL , etc.

Aussi, n'ayez pas peur de fournir des détails. Si vous avez conçu le site, dites-leur que j'ai conçu le site mais que quelqu'un d'autre l'a codé. Cette option fonctionne bien si vous avez peur d'utiliser le site en direct mais que vous n'avez que la capture d'écran.

DᴀʀᴛʜVᴀᴅᴇʀ
la source
2
Sous-question, parce que je me demande .... Des informations en double sur différentes URL peuvent nuire au référencement. Alors, comment pouvez-vous lutter contre ce problème lorsque vous hébergez votre propre version du site d'un client?
Scott
5
Réglez-le pour ne pas suivre dans votre robots.txt . Référencez également @ Webmasters: Comment Google considère-t-il les sous-domaines en ce qui concerne le référencement?
DᴀʀᴛʜVᴀᴅᴇʀ
Le site emilie.com a été détecté comme nuisible par Avast (alors que l'outil Virustotal n'a détecté aucun virus)
franz1
2

Les clients qui modifient votre travail ne sont pas le seul moyen de le faire disparaître, parfois l'organisation disparaît tous ensemble ou vous avez peut-être fait plusieurs conceptions pour le même site.

Dans le passé, je venais de créer un lien vers la version archivée qui n'était rien de plus qu'une recréation de la première page avec tous les liens désactivés. Je ne pense pas que cela donne une très bonne expérience utilisateur, cependant. Le charger dans un iframe vous permettrait de donner un peu de contexte sur la raison d'être de la conception.

conception dans un iframe

La conception ci-dessus (qui est toujours en cours de réalisation) s'exécute sur un serveur Web à l'intérieur d'une machine virtuelle sur ma machine de bureau. Si je devais le présenter à un client, je pourrais certainement le transférer sur mon ordinateur portable. Ce n'est peut-être pas la meilleure option pour la plupart des gens, mais cela fonctionne assez bien pour un concepteur / développeur comme moi.

À moins que vous ne l'utilisiez également pour montrer vos capacités de rédaction, il peut être utile de remplacer la copie utilisée dans la conception par du texte d'espace réservé (par exemple, lipsum).

cimmanon
la source
2
  1. Meilleures pratiques - Je ne sais pas, mais vous pourriez peut-être regarder la Wayback Machine. Plus d'informations à ce sujet ci-dessous.

  2. Copies hors ligne - Pas vraiment, bien que j'aime parfois utiliser la commande Fichier> Enregistrer sous ... de Safari sous Type d'enregistrement: archives Web. Une fois, j'ai donné un tel dossier à quelqu'un et ils se sont plaints de ne pas pouvoir l'ouvrir, bien que je ne sache pas à quel point ils ont essayé. C'est peut-être une chose Safari.

  3. Lien à partir du Web existant - je n'ai pas essayé cela, mais les liens Wayback Machine devraient fonctionner correctement.

La Wayback Machine se trouve sur http://archive.org/web/ . Je l'ai utilisé sur des pages Web que j'ai créées, bien que je ne sois pas un développeur Web approprié.

Il existe certaines technologies de développement Web qui cassent des parties d'un site archivé lors de leur récupération. Je vois souvent des images cassées dans les sites archivés.

Je pense qu'il existe un moyen de lui demander d'archiver quelque chose «maintenant» ou dès que possible, bien que je n'aie pas essayé. Je ne sais pas combien de temps il faut attendre entre les pages de vérification s'il est laissé à ses propres appareils.

C'est amusant: http://web.archive.org/web/19961219202222/http://www.apple.com/

DA Vincent
la source