制作フロー

当サイトの主な目的

認知向上・ブランドイメージの強化・通販ショップへの流入

ターゲット顧客のメインデバイス

スマートフォン

想定される主な使用場面

SNSに設置されているリンクからサイトに入ってきた顧客が閲覧。
自宅でリラックスしているときに閲覧されることが多いと予想される

情報設計

何を説明して何を説明しないのかを何度も検討。情報の精査を重ねていくうちに、文章よりもビジュアルで見せるサイトとなるイメージが固まっていった。
「日々ぶんちょう」が何であるのかを、言葉を使いすぎないように心がけながら最小限の文章で伝えていくことに。
顕在的な文鳥好きをメインターゲットに捉えてはいるものの、この界隈ならではの用語も控えてビジュアルに変えながら設計していった。

デザインカンプ

当サイトがビジュアルに振り切っていたため、脳内でデザインのイメージを描きながらワイヤーフレームを制作。
その後、当サイトのために複数枚のイラストを描き下ろし、ファーストビューには45枚からなるイラストを繋げてGIF動画にしたパラパラ漫画を配置。

コーディング・CMS構築（WordPress）

サイトユーザーのメインデバイスはスマホのため、モバイルファーストのコーディングを行った。
マークアップ言語のHTML/CSSで静的なサイトを構築し、プログラミング言語のJavaScriptでサイトに動きをつけた。

その後、WordPressに対応できるようCMS構築を行った。WordPressは既存テーマ（テンプレート）を使用すれば簡単にサイトが作成できるCMSだが、当サイトはオリジナルサイトのため、プログラミング言語のPHPを用いてコーディングの書き換えを行う必要があった。また、いくつかのプラグインも併用して機能を追加していった。

使用したアプリ・ソフト・プログラミング言語

サイトビジュアル