制作物一覧
ワンちゃん猫ちゃんへクリスマスプレゼントのバナー
「ワンちゃんや猫ちゃんに「クリスマスプレゼントを買おうよ」という訴求」のバナーを作成しました。
バナー習熟用サイトから課題をお借りしました。（https://webtan.tech/bnr_pets/）
ホームページ
《習熟》Job Place Cozy
PHPとCSSの習熟として、一般社団法人就労支援協会Job Place CozyさんのWebサイトリニューアルを行いました。既存サイトは福祉を意識したデザインでしたが、今回の改修では「IT企業っぽい雰囲気にしてほしい」という依頼を受けました。
各種要素に細かくアニメーションなどを付与することで、リッチなサイトとしました。是非下記URLをクリックしてご確認ください。
ランディングページ
《習熟》遺品整理・ゴミ屋敷清掃の会社
遺品整理・ゴミ屋敷清掃の会社のWebサイトサンプル作成を行いました。内容は既存の会社をサンプルとして使用しています。
このサイトのターゲットは主に年配の方です。年配の方にとって使いやすいサイトとなるように工夫を凝らしました。例えば、PC画面では左サイドバーに固定メニューを設けて情報を一覧で表示しています。また文字サイズは基本的に大きめにして、タイトルと本文にメリハリをつけることで、可読性を高めています。
「遺品整理・ゴミ屋敷清掃」という、一見暗いイメージになりがちなテーマであるにも関わらず、明るい雰囲気のサイトを作ることができました。
ランディングページ
《習熟》ふれあい動物公園
CSSアニメーションやデザインの習熟として作成した作品です。こちらのサイトは習熟用として作成しました。
「親子で楽しく見られるサイト」をコンセプトに、可愛い動物を各所にあしらいました。それによりレスポンシブルの対応は難しくなりましたが、細かいブレイクポイントを設定することで対処をしました。特にフッターは力作です。
また「広場の仲間たち」のコーナーには、画面タップで遊べるアニメーションを入れています。
参考：相模原麻溝公園さまのサイト
ホームページ
《習熟》一橋大学津田塾大学吹奏楽団
PHPを使ったHP作成の習熟として、吹奏楽団のWebサイトの作り直しを行ってみました。HTMLを使ったサイト更新が難しい学生さんがメンテナンスをするということを意識した設計を行いました。具体的には、専用のExcelを更新することで、サーバにアップロードするデータを自動生成するような仕組みです。
最終的には、このデザイン案と実装案をクライアントである楽団の学生さんにお見せして、実際の案件を獲得することができました。実際の案件では、学生さんの希望する色味や雰囲気を聞き取り、別途デザインから一連の作業を行いました。
ホームページ
《習熟》フェルヴェール管楽合奏団
習熟課題として市民吹奏楽団のHPを作成しました。こちらの楽団さんからは、最終的に別のデザインで依頼を受けて、別途サイト作成を行いました（https://www.ferveur.net/）。
この習熟課題では、楽団のモットーである「情熱的」をテーマにデザインを行いました。コンテンツの多いサイトでしたが、PHPを活用して効率を意識して開発を行いました。