制作活動において自身の今までの実績を掲載するポートフォリオサイトを作成しました。
見てくれた方が安心出来るよう、親しみやすいナチュラルなサイトデザインを目指しました。企画からデザインカンプ、コーディングまで担当しています。
どのような事が出来るかを真っ先に見てほしいので制作実績をトップに配置し、サムネイルをクリックするとそれぞれの詳細ページに飛べるようにしています。
ページが縦に長くなってもスクロールする手間を省けるよう全ページにposition:fixedを使ってページの上に戻るボタンを配置しました。
コンタクトページのお問い合わせフォームも実際に使えるよう、PHPを利用したメールフォームプログラムを使用して自動返信メールや送信した後のサンクスページを設定しています。
スマートフォン表示にはハンバーガーメニューを使用しています。
制作期間：２週間(企画〜コーディング)
環境：Cloud9
https://github.com/muraricurari/kadai-original-site