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

作業時間 約15時間

使用した言語 HTML, CSS, jQuery,Bootstrap

オリジナルサイト:http://sapmle.xyz/marinefresh-study/

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


【概要】

自分の会社のオリジナルサイトを作成しました。本来のうちの会社のホームページは楽しい感じの作りのため、オリジナルサイトではその真逆で、カッコ良さを意識して作成しました。サイトを見た人がどんな会社なのかすぐにわかるようにシンプルさも意識しました。マグロを扱っている会社で、自分のマグロのイメージカラーが青と黒であることから、オリジナルサイトでも青と黒のカラーを意識しています。

【意識したこと】

前回のiSara模写の教訓を生かして、コードを入力する前に全体や部分の構成を考えてイメージしてから始めました。結果、非常にコードが入力しやすくなったと思います。

また今回はBootstrapも少し意識して取り入れました。Bootstrapを使うと素早くサイトが作れると改めて感じました。まだまだ使い慣れていないのでBootstrapも使いこなせるように復習しようと思います。

【問題点】

画像はインターネット上にあるものを、一部Photoshopで加工して使用させていただいております。Photoshopの使用が初めてだったため苦戦しました。こちらも使いこなせるように練習してデザインに幅をもたせれるようになりたいと考えております。

【感想】

オリジナルサイトが作れたことで一つ自信には繋がりました。
まだまだ大したクオリティの作品では無いかと思いますが、これからどんどん作品を作って自分のスキルを磨きたいと思います。



20cf6c3491515f2db8d2c45197fa7537

CATEGORIES