カメラ非搭載スマートフォンMS-01A

作成年2016年1月
作成ツールDreamWeaver CC / Illustrator CC / Photoshop CC / Flash CC 2015

架空のショッピングサイトです。Web制作技術、フロントエンドに関するスキルの参考にしていただければ幸いです。

「カメラ非搭載スマートフォン」は、SES業者のBPだった頃に、こんな製品があったら良いなと思いました。実際の製品を作るのは無理ですが、せめて製品カタログ及びショッピングサイトならと思い、作ってみました。

こだわりポイント

  • レスポンシブ対応。メディアクエリによりスマートフォン・タブレット・パソコン向けにスタイルシートを使い分ける
  • スクロールした時に「トップへ」ボタンが出現し、トップのロゴとナビゲーションが画面上部に張り付く
  • ショッピングサイトのフォームに、jQueryによる価格計算、選択画像の差し替え、入力エラーチェックを使用
  • Webフォントの使用

ただ、写真ではなくイラストにしているので、実際の写真だったらもっとセンスがでるのかなと思いました。
[2016/02/02]メインビジュアルのイラストをフリー素材の写真に差し替えました。


コメントは受け付けておりません。