01
個人サイト
ディレクション・デザイン・実装
fkxsh
自分自身がインターネットで使用している「不可意思 / fkxsh」名義の個人サイト
概要
講談社文庫が2020年の春に開催した『Café講談社文庫』フェアの特設サイトです。
担当
- クライアントとの連絡対応
- 全工程の進行管理
- 企画 / 構成
- 情報設計
- デザイン
- マークアップ / アニメーション実装
制作目的
- 該当フェアの認知拡大、及び対象書籍の売上の向上
情報設計
- 普段馴染みのない書籍にも接点を増やしてもらうために、スクロールのみで全書籍の情報を閲覧できる構成を採用
デザイン
- "若い女性が読書に触れるきっかけを作る"というコンセプトのフェアだったので、ターゲットに親しみを持ってもらえるようなデザインを意識して作成（ロゴやイラストは別のデザイナーが作成したものを使用）
- カテゴリごとにテキストカラーを変えることで、情報の区切りを一目見て判断できるように心がけた
実装
- スクロールに飽きないように、カテゴリ間のイラストに動きをつけた
- デザインツール
- Adobe Illustrator
- 技術スタック
- HTML, SCSS, MODX
Other Works
02
Webアプリ
ディレクション・デザイン・実装
TEKUBI HIKARU
Apple Watchをペンライトとして使用できるようにするWebアプリ
03
個人サイト
ディレクション・デザイン・実装
FKRK
自分自身が体験したモノやコトを記録するサイト
04
告知サイト
ディレクション・デザイン・実装
ネギャイベ2
クラブイベントの告知サイト
05
コーポレートサイト
ディレクション・デザイン・実装
剣筆舎
剣筆舎のコーポレートサイト
06
作品紹介ページ
ディレクション・デザイン・実装
ファミ通文庫『殺人者の教室』
ファミ通文庫から刊行されている『殺人者の教室』の作品紹介ページ
07
作品紹介ページ
ディレクション・デザイン・実装
ファミ通文庫『悪役腐令嬢様とお呼び！』
ファミ通文庫から刊行されている『悪役腐令嬢様とお呼び！』の作品紹介ページ
08
作品紹介ページ
ディレクション・デザイン・実装
ファミ通文庫『魔王のJK冒険者育成計画！』
ファミ通文庫から刊行されている『魔王のJK冒険者育成計画！』の作品紹介ページ
10
特設サイト
ディレクション・実装
講談社文庫『夏ミス2019』
講談社文庫が2019年の夏に開催した『夏ミス2019』フェアの特設サイト
11
コーポレートサイト
ディレクション・実装
ムシカゴグラフィクス
ムシカゴグラフィクスのコーポレートサイト
12
特設サイト
ディレクション・デザイン
映画『HELLO WORLD』公開記念 勘解由小路三鈴役 福原遥さん スペシャルインタビュー
映画公開＆スピンオフノベライズ発売を記念して行われたインタビューを掲載するための特設サイト
13
オフィシャルサイト
実装
CLAVA
瀬戸朝香のオフィシャルサイト
14
コーポレートサイト
実装
istyle retail
istyle retailのコーポレートサイト
15
ブランドサイト
実装
和らんじゅ
Wacoalが販売している「和らんじゅ」のブランドサイト
16
バナーやWEB用広告など
デザイン
バナーやWEB用広告など
ムシカゴグラフィクス在職中に作成したバナーやWEB用広告など
17
グラフィック
デザイン
グラフィックデザインスキル向上のための習作
グラフィックデザインスキル向上のために自主制作で作成したグラフィック
18
オンスクリーンZINE
撮影・デザイン
There is no Bunny Girl.
七里ヶ浜周辺で撮影した写真を用いて作成したオンスクリーンZINE