• Add to Collection
  • Tools Used
  • About

    About

    IGNITION ( http://ignition.co ) is a digital publication to provide you with inspiration in your everyday life. Our motto is, through our article… Read More
    IGNITION ( http://ignition.co ) is a digital publication to provide you with inspiration in your everyday life. Our motto is, through our articles, to provide users with high-quality experiences to help increase your activeness. Read Less
    Published:
Project Summary

IGNITION is a digital publication to provide you with inspiration in your everyday life. Our motto is, through our articles, to provide users with high-quality experiences to help increase your activeness.
IGNITIONは、日本のカルチャーやテクノロジーの話題を海外へ発信するコンセプトマガジンです。

開発チームのデザイナーとして、タイポグラフィ設計や新規機能開発などを担当しました。タイポグラフィ設計の詳細については、ブログ記事「Webタイポグラフィの設計プロセス」や後述のスライド「Designing Web Typography from Japan with Love」にて公開しています。

所属 株式会社nanapi
期間 2014年4月 〜 2014年11月
制作ツール Photoshop、Illustrator、inVision、Slim/Sass
チーム構成 Webデザイナー 1名、ディレクター 1名、フロントエンドエンジニア 1名、サーバーサイドエンジニア 1名
担当領域 Webデザインおよびコーディング、Webタイポグラフィ設計
Point

- マルチデバイス対応のWebメディアにおける欧文タイポグラフィ設計を、紙媒体出身の編集長と意見を交わしながら構築

- エンジニアと2人協力体制で実施したリファクタリングでは、BEMとSMACSSを用いたセマンティックなコンポーネント開発によりプロジェクト全体のメンテナンス性と再利用性を向上

読者に余計なストレスをかけずに「読んでいただく」ことを意識してデザインを制作。
書体選び、文字サイズ・行幅・行間のバランス調整、CSSによるOpentypeフォントの機能調整、レスポンシブ対応など、デザインから実装まで一貫して対応しました。