Ажил олгодог портфолио вебсайт хэрхэн бүтээх
Ажил авдаг портфолио вебсайт бүтээхдээ хүсч буй үзэгчдэдээ хамгийн тохирох дөрвөөс найман хамгийн сайн төслөө сонгож, тус бүрийг богино түүх хэлбэрээр — асуудал, хийсэн зүйл, үр дүн — танилцуул, мөн хуудас бүрээс таньд хялбар холбогдох боломжтой байлга. Хурдан ажилла, ялангуяа зурагтай их сайт бол; мөн домайн дээрээ өөрийн нэрээ тавь. Хэрэгсэл нь сонголт, бичвэрээс бага чухал.
Хэн харж байгааг эхлээд тодорхойл
Портфолио бол бүтээгдэхүүн нь таны ажил байдаг борлуулалтын хуудас. Загвар сонгохоосоо өмнө хэн таныг ажилд авах, тэд юу харах хэрэгтэйг тодорхойл:
| Үзэгчид | Юу хайдаг вэ | Юугаар эхлэх вэ |
|---|---|---|
| Ажил хариуцсан менежерүүд (байгууллагын албан тушаал) | Ажлыг хийж чадах, багтай ажиллах чадвартай гэсэн нотолгоо | Процесс, хамтын ажиллагаа, үр дүнг харуулсан case study |
| Фрилансын үйлчлүүлэгчид | Тэдний асуудлыг шийдэх чадвар, үнэ | Холбогдолтой төслүүд, үйлчилгээ, энгийн лавлах арга |
| Агентлаг ба арт директор | Амт, өргөн хүрээ, тогтвортой байдал | Хүчтэй дүрслэл, нүүрт цэвэрхэн grid, бага текст |
| Галерей эсвэл хэвлэлийн газар | Нэгдмэл бүтээлийн багц | Нэг удаагийн ажлын оронд цуврал, цуглуулга |
Хэрэв та маш өөр хоёр үзэгчдэд үйлчилж байвал — жишээ нь бүтээгдэхүүний дизайны ажил болон фрилансын зураг — тусдаа хэсэг, эсвэл тусдаа сайт авч үз, ингэснээр хэн ч хайж ухахгүй.
Юу оруулах вэ
Ажил
Цөөн, илүү сайн төсөл сонго. Дахин хийхийг хүсэхгүй зүйлээ хас. Хамгийн хүчтэй, хамгийн холбогдолтой зүйлээ эхэнд тавь; олон зочид эхний мөрнөөс цаашаа гүйлгэдэггүй.
Дизайнер, хөгжүүлэгчдэд хамгийн сайн төслүүд case study болдог. Хэрэгтэй бүтэц:
- Асуудал — нөхцөл байдал, хэнд нөлөөлсөн тухай нэг хоёр өгүүлбэр.
- Таны үүрэг — та юу хийсэн, бусад нь юу хийсэн. Нарийн бичээрэй; хэт их ам бардам байдлыг ярилцлагад амархан илрүүлдэг.
- Процесс — гол шийдвэрүүд, скетч, wireframe эсвэл кодын хэсэгтэй.
- Үр дүн — юу хэрэгжсэн, чин сэтгэлээсээ хэлж чадах үр дүн. Тоо хуваалцаж чадахгүй бол өөрчлөлтийг чанарын хувьд тайлбарла.
Гэрэл зурагчид, зураачдад зургууд гол ажлыг хийдэг. Тэдгээрийг тодорхой багцад бүлэглэ (хурим, бүтээгдэхүүн, редакцийн), тайлбарыг богино байлгаж, grid-ээ амьсгалуулаарай.
Бидний тухай ба холбоо барих
Бидний тухай хэсэгт та хэн бэ, юу хийдэг, хэнд зориулдаг, хаана суудаг эсвэл алсаас ажилладаг эсэхээ хэлэх ёстой. Жинхэнэ зураг тусалдаг. Холбоо барих зам бүх хуудаснаас харагдах ёстой: богино маягт, имэйл хаяг, эсвэл уулзалт захиалах холбоос. Захиалга авдаг бол хэрхэн авахаа хэл.
Сонголтоор хуудсууд
- Үйлчилгээ ба үнэ — фрилансерт, хэрэв тохирохгүй лавлагааг шүүхийг хүсвэл хэрэгтэй.
- CV эсвэл резюме — ажил хайгчдад; татаж авах PDF болон хуудас дээрх хувилбар хамтад нь түгээмэл.
- Бичвэр эсвэл тэмдэглэл — зөвхөн тогтмол шинэчилнэ гэвэл л үнэ цэнтэй. Хэдэн жилийн өмнөх орхигдсон блог илүү хор хөнөөлтэй.
- Сэтгэгдлүүд — зөвхөн жинхэнэ, зөвшөөрөлтэй.
Шийдвэр ба сонголтууд
Статик сайт уу, эсвэл апп уу? Ихэнх портфолио энгийн, контентод суурилсан сайт бөгөөд мэдээллийн сан хэрэггүй. Шалтгаан байгаа үед л нэм: мэдээлэл хадгалах лавлагааны маягт, админаас тогтмол шинэчлэх галерей, эсвэл зурагтай хүмүүс сонгодог үйлчлүүлэгчийн баталгаажуулалт.
Зургууд хаана байх вэ. Том зургууд портфолио удаан болгох гол шалтгаан. Оруулахаасаа өмнө багасгаж, шахаж, орчин үеийн форматаар үзүүлж, гүйлгэх тусам lazy-load хийгээрэй. Том эсвэл байнга өөрчлөгддөг галерейд зургийг кодонд багтаахын оронд тохирох файлын санд хадгал.
Хэрхэн шинэчлэх вэ. Үүнийг чин сэтгэлээсээ хар. Сар бүр ажил нэмэх бол шинэчлэх хялбар арга — энгийн админ хуудас, CMS, эсвэл засахад тохиромжтой builder — хэрэгтэй. Жилд хоёр удаа шинэчлэх бол сайтаа шууд засах нь зүгээр.
Хайлтад харагдах байдал. Хэрэв та нэр + мэргэжил + хот гэж хайгдахыг хүсвэл хуудсанд жинхэнэ текст, зөв толгой, хуудас бүрт өвөрмөц гарчиг, тайлбар, зургийн тайлбар хэрэгтэй. AI-ээр бүтээсэн вебсайтуудын SEO-ийг үзээрэй.
AI builder-т зориулсан эхний prompt
Сайн prompt нь үзэгчдийг, хуудсуудыг, ажлуудыг, загварыг нэрлэдэг:
Senior in-house албан тушаал хайж буй SaaS компаниуд руу анхаарах бүтээгдэхүүний дизайнер Лена Паркт зориулсан портфолио вебсайт бүтээ. Хуудсууд: Нүүр — товч танилцуулга ба 5 case study-ийн grid; case study хуудасны загвар — асуудал, миний үүрэг, процесс (зургийн галерейтай) ба үр дүн гэсэн хэсгүүдтэй; Бидний тухай — зураг, богино намтар, CV татах; Холбоо барих — энгийн маягт (нэр, имэйл, мессеж) мэдээллийн санд хадгалж, баярлалаа гэсэн мессеж харуулна. Загвар: тайван, минимал, их цагаан зай, нэг accent өнгө, том уншихад амар текст. Утсан дээр сайн харагдана. Солих боломжтой, тодорхой тэмдэглэсэн placeholder төслүүдийг ашигла.
Дараа нь placeholder-уудыг нэг нэгээр нь жинхэнэ ажлаараа солиорой, бүх контентоо нэг мессежид хуулахын оронд. Энэ нь шалгахад хялбар, AI хуудас бүрийг зөв хийдэг.
Илүү олон prompt хэрэглэх арга барилын хувьд AI app builder-т prompt хэрхэн бичих вэ-г үзээрэй.
Бүтээх алхмууд
- Үзэгчид болон төслүүдээ ямар ч хэрэгсэлд хүрэхээс өмнө сонго.
- Case study бүрийн текстийг эхлээд баримт дээр бич: асуудал, үүрэг, процесс, үр дүн.
- Зургуудаа бэлтгэ — тайрах, багасгах, шахах. Файлуудаа ойлгомжтой нэрлэ.
- Эхлэх бүтэц үүсгэ эсвэл сонго. Портфолио загварууд-ыг үзэх нь таны ажилд тохирох загварыг хурдан олоход тустай.
- Нүүр болон нэг case study-г эхлээд бүтээж, зөв болгоод, дараа нь хэв маягийг давтаарай.
- Бидний тухай ба холбоо барих нэм. Холбоо барих маягтыг эхнээс нь төгсгөл хүртэл туршаарай.
- Утсан дээр шалга. Портфолио ихэвчлэн жижиг дэлгэцэн дээр эвддэг: эвгүй grid, том зураг, жижиг тайлбар.
- Хайлтын үндэс болон хуваалцах зураг нэм, холбоосууд илгээхэд сайхан харагдахын тулд.
- Нийтлээд домайнаа холбо. Өөрийн домайн холбох-ийг үзээрэй.
- Үзэгчдийнхээ хоёр хүнээс гучин секундэд харуулаад чи юу хийдгээ хэлэхийг асуу. Тэд хэлж чадахгүй бол нүүр хуудсаа засаарай.
Түгээмэл алдаанууд
- Бүх зүйлээ харуулах. Сул төслүүд хүчтэйг нь сулруулна. Сонго.
- Контекстгүй зургууд. Дизайн, хөгжүүлэлтийн ажилд асуудал, таны үүрэггүй дэлгэцийн зураг ажил олгогчид бага хэлдэг.
- Удаан, хүнд хуудсууд. Шахаагүй том зураг нь утасны дата дээр сайтыг эвдэрсэн мэт болгодог.
- Ухаантай навигаци. Ер бусын цэс, гүйлгэх эффект хөгжилтэй байж болно, гэхдээ зочид таны ажил эсвэл имэйлийг олж чадахгүй бол биш.
- Нуусан холбоо барих мэдээлэл. Холбоо барих холбоосыг хуудас бүрийн толгой ба хөл дээр тавь.
- Зөвшөөрөлгүй үйлчлүүлэгчийн ажлыг харуулах. Гэрээ, NDA-г шалга; шаардлагатай бол төслийг нэргүйжүүлж эсвэл тайлбарла.
- Хэзээ ч шинэчлэхгүй байх. Хуучирсан ажил, хэдэн жилийн өмнөх "сүүлийн төсөл" буруу дохио өгнө.
Зардал
Хувийн портфолиогийн үйл ажиллагааны зардал ихэвчлэн бага: жил бүр шинэчлэгддэг домайн нэр, хостинг. Их зураг хадгалж, үйлчилдэг сайт бага зэрэг илүү зардалтай. Вебсайт builder-ууд ихэвчлэн хостингийг багтаасан сарын төлбөр авдаг; өөрөө бүтээвэл хямд байж болох ч арчилгаа таны хариуцлагад үлдэнэ. Үнэ өөрчлөгддөг тул платформ бүрийн одоогийн үнийг шалгаарай.
Бэлэн бүтээгдэхүүн илүү сайн сонголт байх үед
Портфолио платформууд болон портфолио загвартай вебсайт бүтээгчид хурдан, гоё үр дүн хүсч, визуал засварлагчийг илүүд үздэг, захиалгат зүйл хэрэггүй хүмүүст тохирно. Бараа зардаг эсвэл үйлчлүүлэгчийн галерей хүргэдэг гэрэл зурагчид зураг баталгаажуулах, хэвлэх захиалгыг аль хэдийн шийддэг тусгай гэрэл зургийн платформ илүү тохиромжтой байж магадгүй. Өөрийн онцгой дизайн, платформд байхгүй функц, код эсвэл интерактив ажлаа шууд харуулах, эсвэл вебсайтаа бүхэлд нь эзэмших хүсэлтэй бол өөрөө бүтээгээрэй.
Mythex-ээр бүтээх нь
Mythex нь дээрх шиг тайлбараас портфолио бүтээж чадна. Чат дээр тайлбарлаад, live preview дээр утасны хэмжээний фрэйм хараад, загвар, текстийг чатаар засаж, mythex.ai хаяг yourname.mythex.app дээр нийтэлнэ. Холбоо барих маягт хадгалах бол Mythex мэдээллийн сан нэмнэ; зургийн галерейд кодонд зураг оруулахын оронд төслийн файлын санг ашиглаж болно. Pro дээр Mythex-д домайн худалдаж авах эсвэл өөрийн домайнаа холбох, код экспортлох, эсвэл GitHub-д синк хийж өөр газар хостлох боломжтой.
Баримтууд портфолио хэрэглээний жишээ-д энэ талаар тайлбарласан, мөн файлын сан-г тайлбарласан. Эсвэл AI портфолио вебсайт бүтээгч, эсвэл хөгжүүлэгчийн портфолио ба гэрэл зургийн портфолио загварууд зэрэг тодорхой хэв маягаас эхэлж болно.
Асуултууд
Портфолиод хэдэн төсөл байх ёстой вэ?
Ихэвчлэн дөрвөөс найман хүчтэй төсөл хангалттай. Хамгийн сайн, хамгийн холбогдолтой цөөн ажил нь сул ажлуудыг оруулсан урт жагсаалтаас илүү итгүүлдэг.
Портфолио вебсайтад ямар хуудас хэрэгтэй вэ?
Хамгийн багадаа хамгийн сайн ажлаа харуулсан нүүр, онцлох төсөл бүрт хуудас эсвэл хэсэг, бидний тухай хэсэг, холбоо барих тодорхой арга. CV, үйлчилгээ эсвэл үнийн хуудсыг зөвхөн таны үзэгчид шаардлагатай үед нэм.
Портфолиодоо өөрийн домайн хэрэгтэй юу?
Заавал биш, гэхдээ өөрийн нэртэй домайн илүү мэргэжлийн харагдаж, санахад хялбар, платформ солисон ч таных хэвээр үлддэг. Домайн жил бүр бүртгэгддэг бөгөөд ихэвчлэн хямд.
Хөгжүүлэгчийн портфолио GitHub-д холбох ёстой юу?
Тийм, гэхдээ зөвхөн түүнд тулгуурлаж болохгүй. Хамгийн сайн төслүүдэд асуудал, таны үүрэг, үр дүнг тайлбарласан богино case study бич, код болон шууд демог тэндээс холбо.
Портфолио вебсайтыг AI-аар бүтээж болох уу?
Тийм. Хуудас, загвар, төслүүдээ AI вебсайт эсвэл апп builder-т тайлбарлаж, чатаар засаж болно. Гэхдээ жинхэнэ ажил, зураг, төсөл бүрийн ард байгаа түүхээ өөрөө өгөх хэрэгтэй.