hosonotakuya.com
Web Design / Coding
Original Fictitious Site
自作架空サイトかくうのひろさき農園(架空ECサイト)
-
サイトアドレス
https://xn-p8jjhg5a2l2a0t3004ayl2f.myshopify.com/
PassWord: glieng
-
サイトの概要
架空の農園のサイト
【かくうのひろさき農園】
青森県弘前市にある架空の農園。栽培しているりんごを中心とした果物や野菜の販売範囲を拡大するために、自作のECサイトの構築を希望。サイトには農園の魅力やこだわりを購入者に理解してもらう場所としての役割と同時に、通販を行えるようなサイトを持ちたいという期待をもっている。また、近くの方には配達サービスや店舗受取のサービスも行いため、様々な観点からShopifyでの構築を行った。 -
ターゲット層
性別問わず20代~80代以上までの幅広い年代。
-
目的・ゴール
商品を購入してもらうこと。商品の種類や魅力、農園のこだわりを知ってもらうこと。「かくうのひろさき農園」という名前をしってもらうこと。
-
制作のポイント
HPを訪れた方に農園のこだわりや特徴を伝え、通販で購入をうながしていく。全国的にブランド力の強い青森県産りんごを特にアピールをしているが、季節に応じて変わる商品も目立たせていきたとの希望でメロンやシャインマスカット、にんにくなど評判の高い果物なども強調している。また、ひろさきという土地で栽培することのメリットや特徴、必然性についてもアピールするため、サイトの文言や雰囲気を考えている。 また、通販としての機能を第一に農園についての説明も導入しブログは主にお知らせを発信するレベルで使用することを想定して構築している。
-
制作の作業範囲
デザイン、Shopify構築
-
制作期間
6日間
-
使用ツール
Shopify,HTML, CSS, liquid, Visual Studio Code, Photoshop
-
表示確認
【OS】
Windows10【ブラウザ】
Chrome, Firefox -
制作過程
今回は地元の農園の方からECサイトの制作依頼を受けて受注したことを意識して、架空ECサイトをデザインから構築まで行いました。通販サイトとしてシンプルに構築するため、通販ページ以外の下層ページは農園の紹介とお知らせを掲載するブログページのみとしている。現実的に納品可能な期間で作成することを想定して作業を行いました。
今回は無料テーマのDebutをベースに作成し、一部セクションやブロックをliquidなどを用いカスタマイズをおこなっております。
制作サイトキャプチャ画像
※トップページ(パソコン表示、スマフォ表示)