01
個人サイト
ディレクション・デザイン・実装
fkxsh
自分自身がインターネットで使用している「不可意思 / fkxsh」名義の個人サイト
概要
小規模出版社『剣筆舎』のコーポレートサイトです。
担当
- クライアントとの連絡対応
- 全工程の進行管理
- 企画 / 構成
- 情報設計
- デザイン
- マークアップ / アニメーション実装
制作目的
- 『剣筆舎』は「巧拙無二」という書籍をクラウドファンディング（以下、CF）で出版するために設立された会社だったので、まずはCFの目標達成をサイト制作の面から手助けする
情報設計
- CFの目標達成を補助するためのサイトなので、テキスト量が多くなってしまっても、誠実に情報を伝えることを意識した
デザイン
- テキスト量が多いので、コンテンツ毎にメリハリをつけて、文章が読みやすいデザインとなるように心がけた
- 赤色を差し色に用いて、目が滑るのを防止した
実装
- ボタンをホバーした際のエフェクトを印象的にする事で、クリックを促す助けになればと考えた
- デザインツール
- Adobe Illustrator
- 技術スタック
- HTML, SCSS
Other Works
02
Webアプリ
ディレクション・デザイン・実装
TEKUBI HIKARU
Apple Watchをペンライトとして使用できるようにするWebアプリ
03
個人サイト
ディレクション・デザイン・実装
FKRK
自分自身が体験したモノやコトを記録するサイト
04
告知サイト
ディレクション・デザイン・実装
ネギャイベ2
クラブイベントの告知サイト
06
作品紹介ページ
ディレクション・デザイン・実装
ファミ通文庫『殺人者の教室』
ファミ通文庫から刊行されている『殺人者の教室』の作品紹介ページ
07
作品紹介ページ
ディレクション・デザイン・実装
ファミ通文庫『悪役腐令嬢様とお呼び！』
ファミ通文庫から刊行されている『悪役腐令嬢様とお呼び！』の作品紹介ページ
08
作品紹介ページ
ディレクション・デザイン・実装
ファミ通文庫『魔王のJK冒険者育成計画！』
ファミ通文庫から刊行されている『魔王のJK冒険者育成計画！』の作品紹介ページ
09
特設サイト
ディレクション・デザイン・実装
講談社文庫『Café講談社文庫』
講談社文庫が2020年の春に開催した『Café講談社文庫』フェアの特設サイト
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