Web_Design 板


LINE

你好, 就我也是 freelancer 的角度, 給予一些建議,先交流,這是我的網站: https://xuzhongwei.tw/ 關於你的網站, 我先假設目的是要拿來接案,而不是單純地紀錄自己過去做過什麼 假設要拿來接案,帶來生意,那它的設計邏輯就會是: 讓別人記住你 → 然後讓別人與你聯絡 有些流派可能會認為「讓別人記住你」是看完整個網頁之後的事情, 但我卻認為在網頁和各種資訊都泛濫的情況之下,很多時候使用者是看完第一屏之後,在看第二屏時,根本不知道第一屏看了什麼 這會導致網頁被快速瀏覽,然後關閉 因此,我認為每一屏都會需要一個明顯的記憶點 - 以這個邏輯來看, 目前你的網站第一屏的記憶點會有點模糊, 具體來說是資訊過多且不夠銳利 它可以優化的方向我會認為是這幾個: 【1. 視覺】 由於第一屏有很明顯你的個人照片,但又看不清楚你是誰,這樣這塊版面會有點可惜。我是覺得,如果不想曝光長相,或者不希望別人把焦點放在你的照片,那麼你的照片可以不放沒關係,或者用另外一個方式,只做小圖(avatar / 大頭貼)也可以,切成圓形,別人就會知道那個是你本人的照片了。 如果不用個人照片當視覺的話,用你做過的案子當作主視覺也行。假設你的案子是比較沒有視覺的,那麼也可以透過 mockup 的方式,讓不動這塊的人大致了解你是做什麼的,最簡單的做法就是把頁面和一個螢幕裝置做合成,像是你的「成長森林」可以跟平板合成(因為比例的關係),而「今天吃什麼」則是可以跟手機螢幕合成 關於 mockup,我自己都是下載免費的 PSD,關鍵字搜尋「ipad mockup free」或是「iphone mockup free」就可以了 如果沒有訂閱 Photoshop 的話,用免費的線上版 Photopea 也行 - 【2. 定位】 你的網站名稱和網址都是「PIXELOGIC」,我可以理解這個名字的含義,不過你可能要取捨別人是希望用哪個名字記住你,是 「PIXELOGIC」還是「Nara」,在尚未擁有知名度之前,最好是使用單一的名字,被記憶的效果是最好的。我在接案初期,有好長一段時間都認為自己的名字不夠專業,因此都以一個團隊的名字當作自己的主體,而那個名字也換過不只一次(因為總是想到了更好的),隨著時間過去,我發現我和客人互動往來就是不是 Line 就是社群,而 Line 和社群就是我自己的名字,因此現在我選擇直接以本名當作網站名稱 不過,假設你是 solo 型態,並非雙人以上的 duo 組合,我認為用自己的名字也不是不行。但假設你要用團隊的名字在江湖上走跳,我會建議那就要用得很徹底,最好讓別人覺得這個團隊真的是一個團隊。我在接案初期由於都是以團隊名義在接,所以對方都不會意識到我只有一個人,可能因為我當時都習慣說「我們」而不是「我」吧 你的第一屏文案有同時使用「我們」和「我」,因此在理解上會有矛盾之處,建議還是要決定一下,你希望別人用哪個名字記住你 - 【3. 文案】 你做的畢竟是作品集網站,作品一定是主體,而不是作文,因此,任何不夠具體的軟性文字(例如你的心路歷程、你的態度、你的志向等等),我認為多少都會影響記憶,因為使用者會看了很多,卻無法記著任何一個。 因此,我會建議把具體的東西往前提,把它變成條例式的方式呈現,直接放在第一屏,記憶效果應該會更好。要寫什麼,需要你自己決定,有成熟的案子就先寫成熟的案子,例如「XXXXX 開發者 / 設計師」,沒有成熟的案子就寫學歷和技能,都會比軟性文字好我覺得 - 【4. 結構】 我看你的網站放的兩個作品都是整合在頁面中段,這樣做有點危險,因為使用者可能會無法意識到它們是個作品,它們可能會以為是需要操作的介面一部分,而不知道可以略過不看。考慮到未來作品的擴充性和可分享性,我會建議每個作品都要有獨立的頁面,在首頁放簡介就好,讓有興趣的人先知道大概,真的有時間探索再深入個別頁面中探索。因為我們不知道使用者當下瀏覽的情境,是在電腦前專心找 freelancer 的資料,還是在通勤時滑手機社群打發時間只是剛好看到 假如使用者沒有時間深看你的作品,那你的作品就擋住你最重要的聯絡方式了 - 以上建議,供你參考喔!謝謝 ※ 引述《if8mile (安可)》之銘言: : 各位學長姐好 : 小妹前陣子做了個履歷網站想塞點東西當成作品集,我是超級新手,幾年前花了很多錢買 : 課程上課但都吸收不了跟不上,就放棄了。 : 後來跟前同事聊天被她一句話點醒才發現自己是要直接看code去一個個研究才能理解的那 : 種,所以最近卯起來自學ヽ(‘ ▽‘ )ノ : 玩得超開心!!! : 這個是我的網站 https://www.pixelogic.tw : 還請學長姐鞭小力點.. : 我想知道我的網站有沒有多餘的東西或是缺了什麼。 : 另外作品集還有什麼樣的呈現方式呢? : 因為以前都是做行政工作沒有碰到作品集的相關內容所以不了解,查了很多也一知半解qq : 還請大家多多指教,感恩ㄉ心(鞠躬) --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.43.163 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1790882174.A.920.html
1F:推 nottt: 用心分享的前輩 推 10/08 23:26
非常感謝你的推文! ※ 編輯: zeals75 (118.166.237.122 臺灣), 10/09/2026 23:49:03







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:BuyTogether 或 站內搜尋

TOP