otucode-logo Otucode

Fom Farm 様 (架空サイト) ※モバイル非対応

Photoshop / HTML,CSS / jQuery / ペンタブレット

FomFarm纏めサイズの画像

公式サイト (架空) ※モバイル非対応

Fom Farm フルサイト

概要
ECサイトの制作
デザイン
全体の清潔感と動作をしっとりさせる。オンラインショップページ以外「売り」のアピールは極力しない。透明感と清潔感のあるデザインに統一する。農園Mapを手書きにしポイントで親しみをだす。余白や文字の大きさを使いカテゴリーの見やすさを優先する。画像調整で商品の統一感を出す。オンラインショップページは商品の見やすさを最重視する。
制作期間
20日間 (デザイン8日 コーディング12日)
制作にあたって
「自分が農家のECサイトをやるなら」をコンセプトにECサイトを参考に制作。シンプルな構成ですが、初めてこの規模のサイトを作っての課題として、コーディングする前にある程度コードを描いておく。入力ミスのリカバリーが大変なのでタイピングスキル上げる。1度コーディング始めたらあまり修正しないように準備に時間をかける。自分が思っていた以上に途中修正の大変さがよく分かりました。

WORKS

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