Facebook web site / pottery
Logo

web site / pottery

クレジット
Avatar
コーダー
デザイナー
web site / pottery-1
シェア

web site / pottery

【制作概要】 職業訓練のネットショップ制作課題として、架空のポーランド陶器専門店を想定したWebサイトのトップページをオリジナルで制作しました。 【目的・課題】 オンライン上でも安心して商品を購入してもらえるネットショップを目指し、情報が分かりやすく、購入導線が明確なサイト構成を課題としました。 【ターゲット】 ポーランド陶器の温かみやデザイン性に魅力を感じる、「丁寧な暮らし」を大切にする幅広い年齢層の方々。 【工夫した点】 オンラインショップへの導線を明確にするため、ナビゲーション内の「オンラインショップ」を目立つ色で配置しました。 また、ポーランド陶器は柄が多く情報量が多くなりやすいため、Webページ全体はシンプルなレイアウトとし、商品が引き立つよう意識しています。 配色にはポーランド陶器をイメージした黄色と青を使用し、ブランドイメージに統一感を持たせました。 さらに、ナビゲーションのホバー時に色が変わる演出や、商品写真が大きく表示されるよう工夫し、視認性と操作性の向上を図っています。 【使用ツール】 Visual Studio Code / Illustrator / Photoshop ※商品写真は実在のWebサイトの画像を、学習目的の制作として使用しています。 ※本作品は、PC表示を中心に設計・制作しました。 今後、レスポンシブ対応を追加し、スマートフォンでも快適に閲覧できるよう改善予定です。
クレジット
Avatar
コーダー
デザイナー
シェア
kurumiの他の作品
画像
作品を見る
comp / pâtisserie
画像
作品を見る
web site / Kissa
画像
作品を見る
banner / bread
foriio

あなたのforiioを無料で作成

fori.io/
web site / pottery-1

web site / pottery

【制作概要】 職業訓練のネットショップ制作課題として、架空のポーランド陶器専門店を想定したWebサイトのトップページをオリジナルで制作しました。 【目的・課題】 オンライン上でも安心して商品を購入してもらえるネットショップを目指し、情報が分かりやすく、購入導線が明確なサイト構成を課題としました。 【ターゲット】 ポーランド陶器の温かみやデザイン性に魅力を感じる、「丁寧な暮らし」を大切にする幅広い年齢層の方々。 【工夫した点】 オンラインショップへの導線を明確にするため、ナビゲーション内の「オンラインショップ」を目立つ色で配置しました。 また、ポーランド陶器は柄が多く情報量が多くなりやすいため、Webページ全体はシンプルなレイアウトとし、商品が引き立つよう意識しています。 配色にはポーランド陶器をイメージした黄色と青を使用し、ブランドイメージに統一感を持たせました。 さらに、ナビゲーションのホバー時に色が変わる演出や、商品写真が大きく表示されるよう工夫し、視認性と操作性の向上を図っています。 【使用ツール】 Visual Studio Code / Illustrator / Photoshop ※商品写真は実在のWebサイトの画像を、学習目的の制作として使用しています。 ※本作品は、PC表示を中心に設計・制作しました。 今後、レスポンシブ対応を追加し、スマートフォンでも快適に閲覧できるよう改善予定です。
クレジット
Avatar
コーダー
デザイナー
シェア
kurumiの他の作品
画像
作品を見る
comp / pâtisserie
画像
作品を見る
web site / Kissa
画像
作品を見る
banner / bread
foriio

あなたのforiioを無料で作成

fori.io/