iT邦幫忙

2024 iThome 鐵人賽
DAY 7
0
佛心分享-SideProject30

用 Next.js 實作屋況查詢評估專家網站系列 第 7 篇

[Day 7] Landing Page Wireframe設計(使用者篇)

16th鐵人賽
273 瀏覽

  • 分享至 

  • xImage
    •  

前言：前幾天我們已經介紹了這個系統在會員和管理接案方的畫面功能流程。接下來，為了讓使用者被吸引來使用你的服務，一個好的首頁設計就顯得至關重要。我們將以wireframe的方式來說明規劃原因。

使用者心理焦慮與痛點：

為了吸引使用者，我們需要首先了解他們可能面臨的痛點和焦慮：

我想說可以將使用者可能心理的焦慮煩腦可能遇到的痛點放上去 再搭配Call to Action按鈕促使使用者繼續了解網站提供他甚麼協助
版本一
https://ithelp.ithome.com.tw/upload/images/20240807/201322953Z651nL3zk.png

版本二
https://ithelp.ithome.com.tw/upload/images/20240807/20132295Rx1ycItVQN.png

服務項目：

一個好的文案可以吸引人們更深入了解所提供的服務。
以下是透過ChatGPT協助發想的幾個特點：
https://ithelp.ithome.com.tw/upload/images/20240807/20132295gund4sS8MR.png


上一篇
[Day 6] 繼續！畫面設計(一般會員篇)
下一篇
[Day 8] Landing Page Wireframe設計(專家篇)
系列文
用 Next.js 實作屋況查詢評估專家網站 共 30 篇
  1. 26
    [Day 26] 對寫好的API進行測試
  2. 27
    [Day 27] 撰寫 Apollo Custom Hook
  3. 28
    [Day 28] 記錄技術細節-在使用Apollo前為整個<App /> 註冊吧
  4. 29
    [Day 29] 記錄技術細節-切換PageView好幫手：Jotai
  5. 30
    [Day 30] 回顧覆盤
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22212 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙