蕭妤珊 (YU-SHAN,HSIAO)

您好,我是蕭妤珊!

大學主修應用日語系,喜歡日語和設計領域的相關技術,大學畢業後於泰山職訓接受半年的專業訓練,學習了前端網頁開發的技術,未來也會繼續努力進修,讓自身的網頁設計的技術能日益增長。

I can accept defeat but could not accept to give up.  — Michael Jordan

  Taiwan

    



  

專業技能

         Skills


 視覺設計


  • Photoshop 
  • Illustrator 
  • Figma

前端開發


  • HTML 
  • CSS / Sass
  • Bootstrap 
  • JavaScript 
  • jQuery 
  • Vue.js

後端技術


  • Node.js 
  • MongoDB
  • Git

  工作經驗 -Work Experience-

Oct 2019 - Apr 2020

台灣大創百貨 -門市人員-

負責事項:商品陳列、上架、進貨 櫃台結帳 當日盈餘清算等等門市各項大小事。


  學歷 -Education-

Sep 2014 - Sep 2018

義守大學 - 應用日語系

  • 2017/10~2018/8於日本新潟大學交換留學

  • 取得日本語檢定JLPT N1合格證書

Aug 2020 - Feb 2021

泰山職業訓練場 - 前端網頁開發技術班

  • 2020/8~2021/2月總共936小時課程訓練

  • 取得網頁設計丙級合格證書


  作品集 -Portfolio-

  抹茶產品網路商店 (日文版)

  • 主題構想:MacchaMaccha是一個日本抹茶產品的品牌官網,除了有茶道文化介紹同時也販售抹茶相關產品。
  • 顏色構思:簡潔風概念,灰白黑色系為主,其中穿插一點亮色元素使畫面整體看起來更生動。

  • 前台功能:商品瀏覽 / 商品加入購物車 / 送出訂單 / 會員諮詢
  • 前台功能管理(使用者):註冊 / 登入會員 / 會員資料編輯 / 購買清單查詢 / 留言內容&回覆查詢
  • 後台功能管理(管理者) :顧客帳號管理 / 顧客訂單管理 / 商品上傳 / 商品編輯 / 意見欄回覆 / 新增管理員

網路商店頁面

購買清單查詢頁面

顧客訂單管理頁面

顧客諮詢內容回覆頁面

- 會員介面 -

會員專區主要功能:

  • 個人資料編輯
  • 帳密更改
  • 訂單查詢-> ➀訂單內容檢視 ➁貨況查詢
  • 會員諮詢-> 諮詢內容檢視 ➁諮詢回覆查看 ➂是否已回覆顯示功能 刪除

- 管理者介面 -

管理者頁面主要功能:

  • 會員帳號管理-> ➀會員資料查看 ➁該會員訂單查看 設置管理員 ➃搜尋功能
  • 會員訂單管理-> 會員訂單查看 ➁訂單進度key in 搜尋功能
  • 商品上架
  • 商品編輯
  • 意見欄管理-> ➀諮詢內容查看&回覆key in ➁是否已回覆顯示功能 ➂刪除 ➃搜尋功能
  • 管理者帳密:gggg/gggg



  打地鼠遊戲(禮物版)

  HTMLCSSJavaScript

  • 點擊黃色禮物會加1分,點擊綠色禮物會扣1分。
  • 時間限時30秒。

  ⇢   github   game

  翻牌遊戲Ⅰ

 HTMLCSSJavaScript

  • 從圈圈中選擇任一角色,選到後會在下方框框中顯示您所選的角色
  • 在時間內點擊下方任一方框,翻到跟所選角色一樣的卡片即加5分

  ⇢   github   game


  翻牌遊戲Ⅱ

HTMLCSSjQuery 

  • 遊戲一開始會在右邊配置4個ghost,當翻到兩張一樣的牌時,可將一個ghost變成糖果。遊戲開始10秒後,每7秒會多生成1個ghost。
  • 時間總共70秒,需在時間內將所有ghost變成糖果,否則就輸了。

  ⇢   github   game


  Linebot

使用 axios 串接外部公開 API。    

電動機車充電站查詢

使用方法:輸入欲查詢位置的縣市名+空格+區域名 (例如:新北市 泰山區),即會回傳所在地附近的電動機車充電站的店名、地址和Google Map。

  ⇢   github 

ID: @944bazjw

 切版練習

登入頁設計 

用Bootstrap練習登入頁面的切版。   

CSS Zen Garden   

CSS Zen Garden原始HTML架構不變的情況下做版型更動。這邊以星空&簡約風為主,配合不規則的排序營照跳躍風格。

 影像繪圖

櫻花酒海報

用Photoshop製作酒類海報。

2021 年曆

以牛年為主題製作的年曆。

Powered by CakeResumePowered by CakeResume