見出し画像

Lady worker×FUKUYA #1日1サイトレビュー

・2企業のコラボLP
・一眼でファッション雑誌とわかるメインビジュアル
・タイトルがTOP、その下に月、一覧のようなフォントの違う特集タイトル、女性の写真→ファッション雑誌風
・ファーストビューに綺麗に雑誌表紙がおさまるようになっている
・ファーストビューの大きさに合わせているせいか、文字の重なりが少し気になる
・グローバルナビではなく、目次形式で表示するおもしろさ(電子書籍っぽい)
・1週間コーデの部分は1日ごとにカラーが変わる
・共通ポイント部分は紫で統一されている
・大きなバナーを見ているよう
・手書き文字や手書きイラスト、マステを貼ったようなデザイン
・コーディネートの写真をホバーするとアウトラインのような表示
・応募の流れも1カラムで大きくアイコンが使われていて見やすい
・フッター部分も雑誌の裏表紙のような表示になっている
・不規則な配置で装飾が多いけど全てコーディングで表現されている
(このタイプはいつもimgの配置が多い)
・z-indexなどをうまく活用されている
・マステのようなデザインもコーディングで表現
・いろいろな種類のフォントが利用されている
・Mondayなどの手書きっぽいものもフォント
・コーディングでしっかり表現されているので、SP表示もきれい
・SP表示だとメインビジュアルはより雑誌風になる

画像1


デザインの勉強をするために活用させていただきます。