works

独学、社会人インターン中、職業訓練校に在学中に制作したサイトになります。

コワーキングカフェ・ダルマ屋(架空のサイト)

概要

早稲田電子ITセンターでの個人制作で制作した新規開業するコワーキングカフェを想定したサイトになります。
各自クライアントから依頼された想定でサイトのデザインから制作まで行いました。企画書の作成→デザイン案作成→コーディング→納品という流れで制作しました。
個人制作では、トップページと下層ページ全6ページのサイトデザイン、コーディング、jQueryの実装を全てを行いました。

スミー動物病院(架空のサイト)

概要

早稲田電子ITセンターでのグループ制作（4名）で制作した新規開業する動物病院のサイトになります。
各グループに別れ、実際に他のグループがクライアントとなり、デザイン案の作成を依頼され、WEBサイトを制作するという物で、クライアントからの依頼→各自デザイン案の作成→クライアントに各デザインのプレゼンテーション→デザイン案修正→コーディング→納品という流れでグループで一から制作しました。
グループ制作では、主にコーディングをメインに担当していました。コーディングに加え、各ページで使用している、jQueryによるスムーススクロール、フェードイン、フェードアウト、ドロップダウンメニュー、プラグインのslickの実装を行いました。

今こそ行きドキ！春の海外旅行スペシャル(架空のサイト)

概要

株式会社ワンゴジュウゴの「Wan Work Web インターンシップ」という社会人インターンで制作した、海外旅行の特集ページのサイトになります。
デザインカンプからのコーディングを行う際の基本操作などの講習・講義動画での学習を行いました。
レギュレーションが定められた制作課題が出題されて、制作→提出→フィードバック→修正という流れで制作を行いました。
スマートフォンページのレスポンシブをする際には、Sassを用いてコーディングを行いました。

Bolt(架空のサイト)

概要

用意されているデザインデータから、素材の切り出し、コーディングを行いました。PCページ、タブレットページ、スマートフォンページのレスポンシブ対応を制作しました。
FontAwesomeの実装

中間課題(架空のサイト)

概要

早稲田電子ITセンターでの中間課題での個人制作で制作した架空のサイトになります。
サイトのデザインから制作まで行いました。企画書の作成→デザイン案作成→コーディング→納品という流れで制作しました。
中間課題の個人制作では、トップページサイトデザイン、コーディング、jQueryの実装を全てを行いました。

お問い合わせフォーム(架空のサイト)

概要

個人制作の架空のサイトのお問い合わせフォームになります。
一般的なお問い合わせフォームに必要な要素を意識して、お問い合わせフォームのデザインを行いました。
デザインしたデザインカンプから素材の切り出し、コーディングを行いました。PCページのお問い合わせフォームを制作しました。

おくもとクリニック(架空のサイト)

概要

早稲田電子ITセンターでの制作課題で制作した「おくもとクリニック」という架空のサイトになります。
用意されているデザインデータから、素材の切り出し、コーディングを行いました。PCページ、スマートフォンページのレスポンシブ対応を制作しました。

wit(架空のサイト)

概要

早稲田電子ITセンターでの制作課題で制作した「wit」という架空のサイトになります。
用意されているデザインデータから、素材の切り出し、コーディングを行いました。PCページ、スマートフォンページのレスポンシブ対応を制作しました。

Wonderful Life(架空のサイト)

概要

早稲田電子ITセンターでの制作課題で制作した「Wonderful Life」という架空のサイトになります。
用意されているデザインデータから、素材の切り出し、コーディングを行いました。PCページ、スマートフォンページのレスポンシブ対応を制作しました。