Πώς να φτιάξετε ιστότοπο χαρτοφυλακίου που σας φέρνει δουλειά

Για να φτιάξετε ιστότοπο χαρτοφυλακίου που σας φέρνει δουλειά, διαλέξτε τα τέσσερα έως οκτώ καλύτερα έργα σας για το κοινό που θέλετε να φτάσετε, παρουσιάστε κάθε ένα σαν σύντομη ιστορία (το πρόβλημα, τι κάνατε, το αποτέλεσμα) και κάντε εύκολη την επικοινωνία μαζί σας από κάθε σελίδα. Κρατήστε τον γρήγορο, ειδικά αν έχει πολλές εικόνες, και βάλτε το σε domain με το όνομά σας. Το εργαλείο μετράει λιγότερο από την επιλογή και τη γραφή.

Ξεκινήστε από το ποιος κοιτάζει

Ένα χαρτοφυλάκιο είναι σελίδα πώλησης όπου η δουλειά σας είναι το προϊόν. Πριν διαλέξετε διάταξη, αποφασίστε ποιος θέλετε να σας προσλάβει και τι χρειάζεται να δει:

Αν απευθύνεστε σε δύο πολύ διαφορετικά κοινά, για παράδειγμα θέσεις σχεδιασμού προϊόντων και ελεύθερη εικονογράφηση, σκεφτείτε χωριστές ενότητες ή ακόμα και χωριστούς ιστότοπους, ώστε κανένα κοινό να μην χρειάζεται να ψάχνει.

Τι να βάλετε

Η δουλειά

Διαλέξτε λιγότερα, καλύτερα έργα. Αφαιρέστε ό,τι δεν θα θέλατε να σας ξαναζητήσουν. Βάλτε το πιο δυνατό και πιο σχετικό έργο πρώτο· πολλοί επισκέπτες δεν κατεβαίνουν ποτέ πέρα από την πρώτη σειρά.

Για σχεδιαστές και προγραμματιστές, τα καλύτερα έργα γίνονται μελέτες περίπτωσης. Μια χρήσιμη δομή:

1. Το πρόβλημα: μία ή δύο προτάσεις για την κατάσταση και ποιους επηρέαζε.
2. Ο ρόλος σας: τι κάνατε εσείς και τι έκαναν οι άλλοι. Να είστε ακριβείς· η υπερβολή φαίνεται εύκολα σε συνέντευξη.
3. Η διαδικασία: μερικές βασικές αποφάσεις, με σκαριφήματα, wireframes ή αποσπάσματα κώδικα.
4. Το αποτέλεσμα: τι κυκλοφόρησε και οποιοδήποτε αποτέλεσμα μπορείτε να δηλώσετε ειλικρινά. Αν δεν μπορείτε να μοιραστείτε αριθμούς, περιγράψτε την αλλαγή ποιοτικά.

Για φωτογράφους και εικονογράφους, οι εικόνες κάνουν τη μεγαλύτερη δουλειά. Ομαδοποιήστε τις σε καθαρά σύνολα (γάμοι, προϊόντα, συντακτικό υλικό), κρατήστε τις λεζάντες σύντομες και αφήστε το πλέγμα να αναπνέει.

Σχετικά και επικοινωνία

Η ενότητα «Σχετικά» πρέπει να λέει ποιος είστε, τι κάνετε, για ποιον το κάνετε και πού βρίσκεστε ή αν δουλεύετε εξ αποστάσεως. Μια πραγματική φωτογραφία βοηθά. Η διαδρομή επικοινωνίας πρέπει να είναι εμφανής από κάθε σελίδα: μια σύντομη φόρμα, μια διεύθυνση email ή σύνδεσμος για κράτηση συνάντησης. Αν δέχεστε κρατήσεις, πείτε πώς.

Προαιρετικές σελίδες

• Υπηρεσίες και τιμές: χρήσιμες για ελεύθερους επαγγελματίες, αν θέλουν να φιλτράρουν αιτήματα που δεν ταιριάζουν.
• Βιογραφικό ή CV: χρήσιμο για όσους ψάχνουν δουλειά· ένα PDF για λήψη μαζί με εκδοχή στη σελίδα είναι συνηθισμένο.
• Κείμενα ή σημειώσεις: αξίζει μόνο αν θα τα ενημερώνετε. Ένα εγκαταλελειμμένο ιστολόγιο βλάπτει περισσότερο από το να μην υπάρχει.
• Μαρτυρίες: μόνο πραγματικές, με άδεια.

Αποφάσεις και συμβιβασμοί

Στατικός ιστότοπος ή εφαρμογή; Τα περισσότερα χαρτοφυλάκια είναι απλοί ιστότοποι με έμφαση στο περιεχόμενο και δεν χρειάζονται βάση δεδομένων. Προσθέστε μία μόνο όταν υπάρχει λόγος: φόρμα που αποθηκεύει ερωτήματα, γκαλερί που ενημερώνετε συχνά μέσω σελίδας διαχείρισης, ή επιλογή έργων από πελάτες.

Πού ζουν οι εικόνες. Οι μεγάλες εικόνες είναι η κύρια αιτία των αργών χαρτοφυλακίων. Αλλάξτε μέγεθος και συμπιέστε πριν ανεβάσετε, σερβίρετε σύγχρονες μορφές και φορτώνετε τις εικόνες καθυστερημένα καθώς ο επισκέπτης κυλά. Για μεγάλη ή συχνά ανανεούμενη γκαλερί, αποθηκεύστε τις εικόνες σε κατάλληλο αποθηκευτικό χώρο αρχείων αντί να τις βάζετε μέσα στον κώδικα του ιστότοπου.

Πώς θα το ενημερώνετε. Να είστε ειλικρινείς γι' αυτό. Αν προσθέτετε δουλειά κάθε μήνα, θέλετε εύκολο τρόπο· μια απλή σελίδα διαχείρισης, ένα CMS ή ένα εργαλείο που σας βολεύει να επεξεργάζεστε. Αν ενημερώνετε δύο φορές τον χρόνο, η άμεση επεξεργασία του ιστότοπου είναι εντάξει.

Ορατότητα στην αναζήτηση. Αν θέλετε να σας βρίσκουν αναζητώντας το όνομά σας μαζί με την ειδικότητά σας και την πόλη σας, η σελίδα χρειάζεται πραγματικό κείμενο, σωστές επικεφαλίδες, μοναδικούς τίτλους και περιγραφές σελίδων και περιγραφικό εναλλακτικό κείμενο στις εικόνες. Δείτε SEO για ιστότοπους που φτιάχνονται με AI.

Ένα πρώτο prompt για εργαλείο AI

Ένα καλό prompt ονομάζει το κοινό, τις σελίδες, τη δουλειά και το στυλ:

Φτιάξε έναν ιστότοπο χαρτοφυλακίου για την Lena Park, σχεδιάστρια προϊόντων που ψάχνει ανώτερες θέσεις εσωτερικού σε εταιρείες SaaS. Σελίδες: Αρχική με σύντομη εισαγωγή και πλέγμα 5 μελετών περίπτωσης· πρότυπο σελίδας μελέτης με ενότητες για πρόβλημα, τον ρόλο μου, διαδικασία (με γκαλερί εικόνων) και αποτέλεσμα· Σχετικά με φωτογραφία, σύντομο βιογραφικό και λήψη CV· Επικοινωνία με απλή φόρμα (όνομα, email, μήνυμα) που αποθηκεύει σε βάση δεδομένων και δείχνει μήνυμα ευχαριστίας. Στυλ: ήρεμο και λιτό, πολύ λευκός χώρος, ένα χρώμα τονισμού, μεγάλα ευανάγνωστα γράμματα. Δουλεύει καλά σε τηλέφωνα. Χρησιμοποίησε σαφώς σημειωμένα δείγματα έργων που μπορώ να αντικαταστήσω ένα ένα.

Μετά αντικαταστήστε τα δείγματα έργα σας ένα κάθε φορά, αντί να επικολλήσετε όλο το περιεχόμενό σας σε ένα μήνυμα. Είναι ευκολότερο να το ελέγξετε, και το AI διορθώνει κάθε σελίδα σωστά. Για περισσότερα μοτίβα prompts, δείτε πώς να γράφετε prompts για εργαλεία δημιουργίας εφαρμογών με AI.

Βήματα κατασκευής

1. Διαλέξτε το κοινό και τα έργα πριν αγγίξετε οποιοδήποτε εργαλείο.
2. Γράψτε το κείμενο για κάθε μελέτη περίπτωσης σε έγγραφο πρώτα: πρόβλημα, ρόλος, διαδικασία, αποτέλεσμα.
3. Ετοιμάστε τις εικόνες: περικόψτε, αλλάξτε μέγεθος και συμπιέστε τις. Δώστε τους λογικά ονόματα αρχείων.
4. Δημιουργήστε ή διαλέξτε αρχική διάταξη. Η περιήγηση σε πρότυπα χαρτοφυλακίου είναι γρήγορος τρόπος να δείτε ποιο στυλ ταιριάζει στη δουλειά σας.
5. Χτίστε πρώτα την αρχική και μία μελέτη περίπτωσης, βγάλτε τες σωστά και μετά επαναλάβετε το μοτίβο.
6. Προσθέστε Σχετικά και Επικοινωνία. Δοκιμάστε τη φόρμα επικοινωνίας από την αρχή ως το τέλος.
7. Ελέγξτε σε τηλέφωνο. Τα χαρτοφυλάκια συχνά σπάνε σε μικρές οθόνες: στενά πλέγματα, τεράστιες εικόνες, μικροσκοπικές λεζάντες.
8. Προσθέστε βασικά SEO και εικόνα κοινοποίησης, ώστε οι σύνδεσμοι να φαίνονται καλά όταν τους στέλνετε.
9. Δημοσιεύστε και συνδέστε το domain. Δείτε πώς να συνδέσετε προσαρμοσμένο domain.
10. Ζητήστε από δύο άτομα του κοινού-στόχου σας να το κοιτάξουν για τριάντα δευτερόλεπτα και να σας πουν τι κάνετε. Αν δεν μπορούν, διορθώστε την αρχική.

Συχνά λάθη

• Δείχνετε τα πάντα. Τα αδύναμα έργα αραιώνουν τα δυνατά. Επιμεληθείτε.
• Εικόνες χωρίς πλαίσιο. Για έργα σχεδιασμού και ανάπτυξης, ένα screenshot χωρίς το πρόβλημα και τον ρόλο σας λέει πολύ λίγα σε υπεύθυνο προσλήψεων.
• Αργές, βαριές σελίδες. Οι ασυμπίεστες εικόνες πλήρους ανάλυσης κάνουν τον ιστότοπο να φαίνεται χαλασμένος σε δεδομένα κινητού.
• Έξυπνη πλοήγηση. Ασυνήθιστα μενού και εφέ κύλισης μπορεί να είναι διασκεδαστικά, αλλά όχι αν ο επισκέπτης δεν μπορεί να βρει τη δουλειά σας ή το email σας.
• Κρυμμένα στοιχεία επικοινωνίας. Βάλτε σύνδεσμο επικοινωνίας στην κεφαλίδα και στο υποσέλιδο κάθε σελίδας.
• Χρήση δουλειάς πελάτη χωρίς άδεια. Ελέγξτε συμβόλαια και NDA· ανωνυμοποιήστε ή περιγράψτε το έργο αν χρειάζεται.
• Να μην το ενημερώνετε ποτέ. Παλιά έργα και ένα «τελευταίο έργο» από χρόνια στέλνουν λάθος σήμα.

Κόστη

Τα λειτουργικά κόστη ενός προσωπικού χαρτοφυλακίου είναι συνήθως μικρά: ένα όνομα domain που ανανεώνεται ετησίως και η φιλοξενία. Οι ιστότοποι με πολλές εικόνες κοστίζουν λίγο περισσότερο αν αποθηκεύετε και σερβίρετε πολλά μεγάλα αρχεία. Οι δημιουργοί ιστοτόπων συχνά χρεώνουν μηνιαία συνδρομή που περιλαμβάνει φιλοξενία· το να φτιάξετε δικό σας μπορεί να είναι φθηνότερο, αλλά τον συντηρείτε εσείς. Ελέγξτε τις τρέχουσες τιμές κάθε παρόχου στον ιστότοπό του, γιατί αλλάζουν.

Πότε μια έτοιμη λύση είναι καλύτερη επιλογή

Οι πλατφόρμες χαρτοφυλακίων και οι δημιουργοί ιστοτόπων με θέματα χαρτοφυλακίου ταιριάζουν αν θέλετε γρήγορο και γυαλισμένο αποτέλεσμα, προτιμάτε οπτικό επεξεργαστή και δεν χρειάζεστε κάτι προσαρμοσμένο. Οι φωτογράφοι που πουλούν εκτυπώσεις ή παραδίδουν γκαλερί πελατών μπορεί να εξυπηρετούνται καλύτερα από πλατφόρμα φωτογραφίας που ήδη καλύπτει επιλογή και πωλήσεις εκτυπώσεων. Φτιάξτε δικό σας όταν θέλετε διακριτικό σχεδιασμό, χρειάζεστε λειτουργία που οι πλατφόρμες δεν προσφέρουν, θέλετε να δείχνετε κώδικα ή διαδραστική δουλειά απευθείας, ή απλώς θέλετε να κατέχετε τον ιστότοπο.

Χτίζοντας το με το Mythex

Το Mythex μπορεί να φτιάξει χαρτοφυλάκιο από περιγραφή όπως το παραπάνω prompt. Το βλέπετε σε ζωντανή προεπισκόπηση με καρέ τηλεφώνου, βελτιώνετε τη διάταξη και το κείμενο στη συνομιλία, και δημοσιεύετε σε yourname.mythex.app. Αν θέλετε φόρμα επικοινωνίας που αποθηκεύει ερωτήματα, το Mythex προσθέτει βάση δεδομένων στο έργο· για γκαλερί εικόνων, μπορεί να χρησιμοποιήσει τον αποθηκευτικό χώρο αρχείων του έργου ώστε οι εικόνες να μην μπαίνουν μέσα στον κώδικα. Στο Pro μπορείτε να αγοράσετε domain μέσω του Mythex ή να συνδέσετε ένα που ήδη έχετε, και να εξάγετε τον κώδικα ή να τον συγχρονίσετε με το GitHub αν θέλετε αργότερα να τον φιλοξενήσετε αλλού.

Τα έγγραφα καλύπτουν αυτό στη χρήση για χαρτοφυλάκιο και εξηγούν τον αποθηκευτικό χώρο αρχείων. Μπορείτε επίσης να ξεκινήσετε από τον δημιουργό ιστοτόπων χαρτοφυλακίου με AI ή από ένα συγκεκριμένο στυλ, όπως το πρότυπο χαρτοφυλακίου προγραμματιστή ή το πρότυπο φωτογραφικού χαρτοφυλακίου.

Ερωτήσεις