work03:写真協会サイト(架空)

サイトの目的

自主制作

作業範囲

Webデザイン・実装

実装・使用ツール

HTML・CSS・Adobe XD・Photoshop

レスポンシブ対応

制作期間

1.5カ月

URL


 制作の目的

Adove XDを使ったWEBデザインの練習のため制作。できたものをHTML&CSSでコーディング。

設定としてはプロ・アマカメラマン・写真愛好家の方たちに登録していただく写真協会の架空サイトです。
写真好きたちで活動する、地方創生、撮影会、写真展、カメラマン派遣などを行う団体という設定です。

 ターゲット

  • 20代~40代くらいの写真好き、撮影好き、もしくはカメラマン、アマチュアカメラマンとして活動している方
  • カメラ・写真を趣味だけでなく仕事として活かしていきたいと思っている方

 デザインのコンセプト

写真好きの方たちが集うサイトなので、トップの写真は「あ~いい写真だな」「写真撮りたいな~」と思わせるような写真を選びました。
写真のカッコよさが引き立つよう、カラーはモノトーンを基調にしています。お堅い印象にはしたくなかったので、黄色や赤、イラスト使って少々ポップな要素も取り入れています。

活動の様子やイベントのお知らせには文字だけでなく写真をたくさん取り入れるようにしました。写真協会の活動が活発に行われているのが伝わる生きたサイトになるよう心掛けました。