第二屆手機網站設計比賽第一階段題目
First round. Mobile Web Design Skill Competition.
API End Point: https://mobile-web-design-skill-competition.netlify.com/shops.json
Update 2019-09-11: Enabled CORS header to JSON file.
假設現在您受到客戶委託,客戶希望為三盞燈地區製作一個介紹網頁。
網站目的希望吸引旅客發掘民居特色商戶,首階段以三盞燈圓形地作為試點,網站要求介紹圓形地。
資料可參考市政署城市指南或其他 Creative Common / Free 版權資訊。也可按需要自行製作。
Imagine now a client requests you to make a website. It shows the introduction and shops for Rotunda de Carlos da Maia.
The purpose of the website is to let visitors to discover traditional shops in the city. And this website is a pilot test at Rotunda de Carlos da Maia.
Information can be referenced from City Guide from IAM or other Creative Common / Free Usage sources. You may also create your own inforamtion.
網站要求
- 以有趣或互動方式呈現三盞燈圓形地及街道資訊
- 使用提供的商戶 API 呈現各商戶資訊
- 用戶可以於網站內開啟影相拍照功能(不用傳送至任何伺服器或儲存)
- 用戶拍照後如何處理相片,我們未有特別想法,你可以自由發揮。
- 客戶對網站界面沒有特定想法,只要求需要吸引訪客,以生動形式介紹上述地點。所以您需要設計及製作適合功能要求。
Requirements
- Please use attractive and or interactive way to present the street information.
- Please present the shops by using the given API.
- We want user to be able to take photo directly from the website. The photos taken doesn’t require to be saved or sent to any servers.
- We don’t have any specific ideas on how to make use of the photos. You are free to explore creative way to use the photos taken.
- The client doesn’t have any specific ideas on the user interface. They only require the interface to be attractive to bookstores. So it is up to you to design and implement the interface to fit the requirement.
其他注意事項
- 請於九月二十日或以前上傳比賽作品。上傳網址為:https://mak.la/upload
- 上傳時請填上您的全名及電郵地址
- 測試時評審會將您的作品上傳至主辦方準備的靜態網站寄存服務器,然後於手機上進行運行評審。
- 測試將使用 iOS 12 Safari 及 Android Chrome 進行。
- 請使用前端技術,即瀏覽器可直接運行的技術,例如 HTML, CSS, JavaScript。
- 由於後台技術不在比賽技術範圍內,如果使用了任何後台技術,如 PHP、Ruby、NodeJS 等,請輸出成瀏覽器可直接運行的代碼,然後提交。
- 不接受只提交已架設於伺服器上的網址。
Misc.
- Please upload your website files to https://mak.la/upload on or before September 20th.
- When uploading, please input your full name and email address.
- We will upload your website files to a static hosting and assess your website on mobile phone.
- Assessment will use iOS 12 Safari and Android Chrome.
- Please use front end technologies that can be directly run in web browser. They are HTML, CSS, JavaScript.
- Server side programming is not part of the competition scope. If you use any server side technologies on your own, please compile the code to be directly viewable in web browser.
- We don’t accept any submission that only link to a hosted website.