otucode-logo Otucode

Fom Form 様 (架空サイト)

Photoshop / HTML,CSS / jQuery / レスポンシブ 

fomfarmメイン画像

公式サイト (架空)

自然栽培農園 FomFarm

概要
自分が自然栽培の農業&ECショップを運営するなら、というイメージで制作しました。
PCのサイトを作れば自動でモバイルに対応したサイトになると思っていた(汗)時期に作ったサイトです。
デザイン
量販ECサイトのようなゴチャっとしたものではなく、透明感や清潔感を出し全体的にしっとりとした動作にすることや、ショッピングサイトに移動する前は「売り」あまり出さない様に制作しました。お店のコンセプトに納得して頂いたお客様に買っていただきたい、というサイトを目指しました。
制作期間
PCサイトトップページをモバイル対応にコーディング 10日間
制作にあたって
モバイル対応を全く考えず、気に入ったjQueryコピペでイメージどおり出来て自己満足もつかの間、いざレスポンシブデザインに直そうにも手が止まり、そして職業訓練での提出課題も手を抜きたくない。その中で調べてやっては失敗が続き、暗~い気持ちでやっていた気がします(笑)。出来た時は嬉しさよりも、いかに最初の設計が大事なのか思い知らされ良い勉強になりました。

WORKS

  • works1
  • works1
  • works3
  • works4
  • works5
  • works6
  • works7
  • works8
  • works9
  • works10
すべて見る
ホーム