🔧 阿川の電商水電行
這是參加「人工智慧跨平台應用挑戰賽——WOW Factor」的參賽作品。
在完成我的第一個 Uno Platform Hot Design Challenge 專案——Instagram 風格的個人資料頁面之後，我以為這段旅程已經結束了。
但意想不到的事情發生了。
我太享受這個過程了，根本停不下來。
創作流程、即時回饋、流暢的跨平台體驗……這些都讓我再次沉迷其中。
所以當我回到挑戰中，讀到第二個提示「WOW因素」時，感覺就像收到了無法忽視的邀請。
這次，我決定不做行動端使用者介面，而是打造一個更大、更具沉浸感的使用者介面：
👉🏻 一個現代、簡潔的旅行社落地頁，完全由 Uno Platform 提供支援。
👉🏻 包含全幅圖片、優雅的排版、目的地卡片、動畫…甚至還有一個小小的五彩紙屑慶祝訂閱部分，讓體驗感覺更加生動和熱情。
👉🏻 從零開始建置，使用模擬資料、UI 動畫和視覺效果，旨在立即吸引眼球。
當然，我的目標變得非常簡單：
讓評審們至少發出一次「哇」的驚嘆。
（希望 不只一次！） 😄
✈️ 我為什麼要建立旅行社主頁
“WOW Factor”提示需求：
✔ 視覺效果出色的主螢幕
✔ 一個有趣的主題（例如咖啡店…但任何風格都歡迎）
✔ 創意視覺效果、模擬資料、動畫
✔ 性能流暢
✔ 能立即吸引註意力的事物
旅行社的首頁設計非常完美。
它自然而然地允許：
-
大膽的英雄篇章
-
漸層疊加
-
精美的目的地卡片
-
行動號召按鈕
-
平滑滾動
-
動畫空間（包括我的五彩紙屑特效🎉）
-
強烈的視覺衝擊力
這正是那種能讓用戶產生共鳴的主題，而這正是「驚艷效果」的關鍵所在。
💡 設計願景
我設計這個落地頁的目標是：
✔ 一個充滿活力的英雄篇章
大圖、分層佈局，以及訂閱後出現的歡迎彩帶動畫，以吸引用戶的注意。
✔ 流暢的垂直滾動
旅遊網站非常注重營造沉浸感，滾動瀏覽是講故事的一部分。
✔ 帶有模擬資料的目的地卡片
簡潔的卡片、圓角、柔和的陰影和響應式影像。
✔ 微妙的動畫效果
小規模的過渡和使用者介面特效，在不降低效能的前提下創造愉悅體驗。
✔ 簡潔、有結構的 XAML
易讀、模組化、易於擴充。
🔨 我是如何用 Uno 平台建構它的
我從一個全新的 Uno Platform 專案開始，並使用了：
🔷模擬資料和視覺素材
目的地、主圖、背景圖。
🔷網格和堆疊面板佈局組合
Uno 在各平台上的表現都非常出色。
🔷按鈕和行動號召
反應迅速，視覺效果大膽。
🔷動畫
包含輕盈的彩帶動畫，雖小但效果顯著。
就像我之前的挑戰一樣，Uno再次證明了一些事情：
跨平台使用者介面不必痛苦，也不必緩慢。
當它與創意設計相結合時，就變得真正令人愉悅了。
📺 演示
{% cta https://drive.google.com/file/d/1QPBqK\_cjdrR5Ys4B\_\_-2HuMCeJ6ALpU-/view?usp=sharing %} 完整示範影片 🎥 {% endcta %}
{% cta https://github.com/Hadil-Ben-Abdallah/Travel-Agency %} GitHub 倉庫 🐈 {% endcta %}
如果您喜歡這個專案，請給我一顆⭐星，這將對專案的成長大有幫助，並激勵我開發更多有創意的開源 Uno 應用程式！
🖼️一些截圖
英雄篇
服務部門
目的地部分
預訂部分
用戶評價部分
訂閱表格
頁尾
🧭 我從第二次挑戰中學到了什麼
1️⃣ 合適的工具能激發創造力
主題與 Uno 的佈局系統完美契合。
2️⃣ 動畫不需要很複雜
即使是小小的彩帶動畫也能增添許多個性。
3️⃣ Uno 讓跨裝置的視覺設計可預測
一套程式碼庫，一致的結果。
4️⃣ 一個好的著陸頁的關鍵在於情感流動
空間佈局、視覺效果、色彩和動態效果自然地引導使用者。
💙 特別感謝 Uno 平台團隊
再次感謝 Uno Platform 團隊發起這項挑戰，並鼓勵開發者探索創造力。
🎉 最後想說的話
第二次投稿並非事先規劃，但創造力很少會等待許可。
建立 Instagram 頁面激發了我的靈感，而這個旅行社主頁則讓我探索了更多視覺創意、動畫和佈局模式。
現在一切都結束了，我只能說…
我真心希望這個計畫能讓評審們發出「哇」的驚嘆，哪怕只是一點點也好。 🤩
感謝閱讀！ 🙏🏻
希望這對您有幫助✅
請按讚並關注，以獲得更多精彩內容😍
由Hadil Ben Abdallah傾情打造 | 
|
|---------|----------|---------|
{% embed https://dev.to/hadil %}
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
