見出し画像

web site Design review No.11

良いと感じる理由の言語化と、引き出しを増やしたい気持ちによるデザインレビュー。


■第一印象
シンプルなモノクロの配色、さりげないダイナミックにフォントの特徴がわかるアニメーションが見ていて楽しいサイト。

■ターゲット、目的
ターゲット:デザイナー、砧フォントに関心のある人
目的:砧フォントの紹介と購入の訴求

■使用フォント
丸明オールド

■配色
文字:000000
背景:fafaf4(黄色味のある和紙っぽい色)

■サイトのページ構成
・フォントの形や特徴が魅力的に表現されたアニメが横スクロールでながれる。
・「お知らせ」
 「コンセプト」
 「制作書体」
 「書体取扱説明書」
がTOPに、右上の格納されたメニューでは上記に加えて制作者、お問合せ先が掲載されている。
 「フォントを紹介する」ということが最大のメイン構成になっている印象。

■実装まわり
・KV部分と「書体一覧」でフォントの特徴や魅力を表現したアニメーションが目まぐるしく横スクロールで流れる。
・各フォントのページに飛ぶと、文字の見え方のサンプルがスクロールの速度に合わせて展開される。最後にフォントのファイル形式、作者名などの詳細が下部に固定で表示されて終わる。
・アニメーション要素はTOPのKVのみにガッツリ抑えられていて、フォントの見え間、見本としての表現へとても特化している。
・「オーダーバリアブルフォント」のバナーで、特徴的なフォントからベーシックなフォントに変化する。CSSでパラメータを設定することでフォントの形状や行間などを自由に変えられるという最大の特徴を訴求していてインパクトがある。

この記事が気に入ったらサポートをしてみませんか?