オリジナルHP作成(レスポンシブ対応)

作業時間 約20時間

使用した言語 HTML, CSS

オリジナルサイト:http://sapmle.xyz/organic-one-study/index.html

ソースコード(GitHub) : https://github.com/daei0721/organic-one.git


【概要】

自然食品・健康食品専門店のオリジナルサイトを作成しました。これまで1ページのLPは作成していましたがHPの作成をしてみたいと思い取り掛かりました。全てのページが完成しているわけではないのですが形にはなったかと思います。

【意識したこと】

たくさんの商品を扱っていることをわかってもらいたいため、写真から商品が目に入るように商品メニューのページではタイル式のレイアウトとしました。
商品の中でも注目してもらいたいノニエキスの写真は他よりも大きくすることで目立つようにしました。

ホームページがお店の販促として生きるように、CONTACTページにはSNSを組み込みました。

【問題点】

今回も画像はインターネット上にあるものを使用させていただいており、やはりデザインに苦労しました。ホームページ作成の上で、ある程度自分で画像を加工できるようにならないと厳しいかなと思います。

本当は各商品ページのリンクなど作成したいのですが時間がかかるので今回は作成しておりません。

【感想】

コーディングにはだいぶ慣れてきて、入力時に頭の中で「あのコードを使おう」とイメージしながら入力できるようになってきました。どんどん経験を重ねて、自分の得意なレイアウトの形などを持てるようになりたいと思います。


7d489df706d83fc35b0f0db6313bc524

6b7c53ad59b0e56aa894b13bd125a3f9

8c515d153f34be8417b6c45071d9cabe

f28e8c788a4faee3f450124c23cbb3b6

CATEGORIES