洋風レストランAlbano ページへ

制作のキッカケ

webデザインの勉強として、オンライン講座を受けたり、独学でネットに上がっているWebサイトを模写する練習をしましたが、もっと難易度の高いことに手を伸ばしたくて、自分で架空の設定のWebサイトを作ることにしました。初めて一から作るWebサイトは、できるだけ難しくない一般的だと思うジャンルにしようと思い、飲食店のランディングページにしました。

苦労したところ

初めて1から考えるのはかなり頭を悩ませました。外食はたまにするから、飲食店は馴染みのあるジャンルだと思っていました。しかし、今まで深く飲食店というものを考えたことがないから、何を載せればいいのか、たくさん調べ、判断することに苦労しました。

作業工程

1.サイトのデザインを考える

本来は、サイトの構成から考える方が良いですが、デザインを考えながら、サイトに載せたい情報を探していくやり方で作っていきました。そのため、デザインの完成間際に新しいコンテンツを載せる変更などをしてしまいました。デザインは他のサイトを調べて、真似しながら、サイトのヘッダーやメニューなどのデザインを考えました。

2.サイト全体の構成を考える

ヘッダーのデザインや必要なメニュー一覧などを作った後、他にどのような情報を載せるかを他のサイトを参考に調べました。そして、新しくレストランの理念やこだわりについて紹介するコンテンツを追加しました。

3.コーディングする

H T M LとC S SとjQueryのプラグインを使ってサイトを作っていきました。わからないところはすぐに調べて、試すことを繰り返しました。苦労したところは、レストランの理念やこだわりについてのコンテンツをCSSでコーディングしていた時です。複雑なデザインである上に、レスポンシブ対応も行いましたので、苦労しました。