矢印左
矢印右
K.LABO

↑web page link↑

Title

編み物ラボ「K.Labo」

概要

手袋・マフラー・靴下を作る研究所のような工場を、 マス目のような表現のサイトにしました。

ページ

テイスト

  • ロボットのような無機質さを灰色と丸みの無いレイアウトで表現
  • ボーダーを活かしてしっかりと区切る
  • 工場の説明を濃くしてサイトから離脱しないように簡潔に
  • イメージの沸く画像を整列して配置し綺麗に見せる

工夫点

  • レイアウト練習としてサイズの誤魔化しが効かないようボーダーで区切ってみました。
  • 画像以外の配色を白・黒・グレーのみにし、まとまりのあるサイトにしました。
  • JavaScriptに挑戦してみたかった為、現在日時と時刻をいれてみました。
  • グローバルメニューを点線の字にする事で「裁縫」をイメージしてみました。
  • ロゴは針に縫い糸を通しK.Laboの「K」を表しました。