Hyakusho Web design

HARBSCRIP | ハーブのサブスク

Design / HTML+CSS / Sass / jQuery / Adobe Dimension

将来的にやってみたいビジネスのひとつにハーブティーの栽培販売があります。

ユーザーに合ったハーブティーをAIが診断・ブレンドしてくれる、サブスクリプション型のサービスを展開する妄想をしていたので、そのアプリサイトを作成してみました。

パッケージはAdobe Dimensionで作成しました

核のゴミ処分シミュレーター

Direction / Design / HTML+CSS / jQuery / Wordpress

CREATIVE FOR  THE EARTH (2019) コンテンツにおける課題解決デザイン・映像コンペティション
審査員特別賞 受賞
https://www.dhw.co.jp/cfe/

核のゴミ問題に関する若い世代への教育が行き届いていない現状を解決するため、学校での使用を想定したゲームを制作しました。「絶対に詰むゲーム」となっており、ユーザー自身がこの問題の「詰んでいる現状」と重ね合わせ、自分ごととして考えさせることが狙いです。また、教員の方が授業で使いやすいよう、情報発信・マニュアル代わりとなるページなども作成し、明日からでも運用できる所がポイントです。

Underground Japan

Direction / Design / HTML+CSS / jQuery

日本最大のアングラミュージックフェスを山口県で開催するという設定にしました。

コンセプトは「DEEP INTO UNDERGROUND MUSIC」「アングラミュージックに深く潜り込め」というもので、スクロールに伴った「潜り込む」感のあるアニメーションが、軸となるアイデアです。

ポートフォリオ

Illustrator

一応デザイナーらしく、経歴やスキル、今後のビジョンやプランまでを冊子にまとめてみました。

(2020/1/20 更新)

周北市長選挙特設サイト

Direction / Design / HTML+CSS / jQuery

WEBデザインを学習し始めて3ヶ月目の作品です。

(並び順など)候補者の公平を期すために、選挙ポスターの掲示板をメンビジュアルとしました。各ポスターをクリックするとモーダルウィンドウが開き、プロフィールやマニフェストや演説動画を見ることができます。

また、若者世代への関心喚起のために「自分だけの顔はめ掲示板を作れるサービス」を作りました。ユーザーのローカルにある写真をアップロードすると、選挙掲示板の空き部分にはめこまれ、できた画像をダウンロードしてSNSへの拡散を誘導しています。