#1日1サイトレビュー

183

本

夫を送り出した後の15分を使って、1日1サイトずつレビューをします。デザインの研究をして引き出しを増やします。

運営しているクリエイター: AMI🍓

FABRIC TOKYO #1日1サイトレビュー

イベント紹介のLP、SHEでも紹介していた気がする・イベント紹介のLPではファーストビューでイベント詳細の記載は必須・全体的に文字数が多いけど、本当に伝えたいことは装飾でアピール・ゴールドのような（#ae9210）がかっこよさと女性らしさのアクセントになってる（視線がそこにいく）・長方形にはみ出しの手書き文字が最近流行っている気がする・欧文フォントはLato シンプルでスッキリ・日本語の説明文はヒラギノ角ゴ・左側が画像のセクション、右側が文字のセクションでわか

ラシーク #1日1サイトレビュー

女性に特化した求人サイト・全体的に淡い色づかい・メインビジュアルはイラストメイン、丸く囲われたものはぷかぷかしてる・メインビジュアルで主要な検索ができるようになっている・メインビジュアルはホバーでアイコンがズーム・その他のボタンはホバーで矢印が右にスライドする・背景色は白とアクセントカラーの他に水色系のグレーが2色・背景色がピンクにマッチするし、水色の文字でも浮いたりしない・フッターでは各都道府県の求人検索ができるようになっている・勤務地から探すの場合は、

Knotphotography #1日1サイトレビュー

新しめの写真スタジオのHP ・メインビジュアルは祝いの写真がゆっくりスライド・左1/4に大きく余白、グローバルメニューに使われる・見出しの下には短く太めの区切り線・写真は横に3枚配置・Worksのところはホバーするとどの場面の写真か表示される・背景色は4色使われている・View more の統一感・フッターの背景2色使いが勉強になる・Worksの詳細ページでは、右にカテゴリの表示・Studioではスタジオの雰囲気が伝わる写真を使用・TopのWorks以下

FFF - For Fashion Future #1日1サイトレビュー

・派手でファッション業界らしいサイト・モーションがうまく使われている・メインビジュアルはセンターにサイト名、左右に柄の上下スクロール・スライド形式のLP（最近よく見る！）・フォントはヒラギノ角ゴシック、欧文はBarlow Condensed ・同じAboutの項目でも内容に応じて、背景が白と黒の2パターンあり・Aboutは左に柄のスクロール・Eventは右に柄のスクロール・Ideasは背景色のみ変化・Supporters Voiceは左右に柄のスクロールだけど

株式会社ecbeing エンジニア採用サイト #1日1サイトレビュー

・メインビジュアルはフルスクリーンの下がギザギザ・三角形が浮遊しているモーション・青ベースにアクセントに黄色・背景色はfff以外に2色使用されている・フォントはNoto Sans JP ・全体にカーニングが大きくとられている・テキストが最低限なのが、スマートなコードを連想させる・ホバーはメインのセクションは下から上にボタンが出てくる感じ・フッター部分はホバーで下線表示・スクロールのアニメーションも多角形が活かされたモーション・エントリー項目のひとつひとつが大

株式会社ブランチアウト #1日1サイトレビュー

・メインビジュアルは左右余白ありの動画・右側にログインとお問い合わせボタンの固定表示・3か国語対応・全体的にシンプル・大人・上品な雰囲気がある・会社概要も中国語表記があるのはアパレルならでは？・フォントはNoto Serif JP 色を薄くすることで一気に上品に・欧文はGentium Basic ・背景は3色のグレーを使用・ボタンはホバーで左から右へのカラーチェンジ・→や+のマークでボタンを表現・文字サイズは全体的に小さめ12〜13pt ・ODMやOEMなど

みらいバンク幹細胞プロジェクト #1日1サイトレビュー

・淡く薄い色づかいで優しさを感じるサイト・みらいバンクのロゴと名前が左上にあるにも関わらずわかりやすい・メインビジュアルはフルスクリーン・上下はゆるいウェーブがかかっており、ピンク色の幹細胞モチーフが浮遊するモーション・人物のイラストが左から順に出てくる・一般の方へや企業・研究者への方の背景に使われているシェイプが綺麗なシェイプではなく不規則なシェイプであることが貴重な幹細胞であることをイメージさせる・お知らせのところはホバーすると横にスライドするので目立つ・ロ

IRODORISAI 彩り祭2019 #1日1サイトレビュー

イベント紹介のLP ・全体的に秋をイメージしたカラー・瞬きをするモーションが全体的に使用されている・葉っぱが揺れ動くようなモーションも使用・文字色になっていてる緑色はイラスト上では差し色として使われている・メインビジュアルでイベントの開催期間と場所がわかるようになっている・スクロールの案内表示があるサイトが多い気がする・メインビジュアルの下にはイベントの概要・その下にはイベント内容の詳細、シェアボタンと続く・Coming Soon のところでもただのベタ塗り

名鉄病院研修医採用サイト #1日1サイトレビュー

・メインビジュアルは3行の写真集スライド・最近ローディング画面からの手書き文字のメッセージが多い気がする・グローバルナビの項目の多さの割にTOPはコンパクト・バナーやボタンが効果的に使われている・名鉄病院の研修医の背景は薄いチェックみたいな模様が使われている・フッター付近の福利厚生（おそらくアピールしたいところ）にもスライドの背景を使用している・ホバーは白のボタンは青、青のボタンは白に変化・MEDICAL RESIDENT前後のスラッシュ使いが好き・文字を目立

くまWEB #1日1サイトレビュー

・ピザ屋のページかと思いきやコーディング代行会社のHP ・社長のキャラが前面に出されている世界観・メインビジュアルはひし形と多角形に切り取られた写真・グローバルナビーションの次にblogがくることが斬新・「ここがやばい」のところがまさに帯でリズム・ポイントのところが週刊誌の見出しのよう・かと思いきや実績のところが縦型のカラムでとてもクール・ホバーでインパクトのある赤色に・ポイント5がホバーするとくるっと回転するのがかわいい・フォントはNoto Serif JP

karf #1日1サイトレビュー

・めちゃくちゃシンプルなサイト・写真以外はほぼ色味ゼロ・メインビジュアルは写真のスライド・1枚の写真のものもあれば2枚の写真のものも混じっている・ボタンとなるテキストはホバーすると下線が動く・コレクションはシリーズごとに表示（アイテムごとではない）・その下にメディア、ものがたりという言葉選びがいい・アクセスの前にニュース　5行と割とボリューム多め・オンラインショップにリンクしてもトンマナが一緒で安心する（たまにいきなり楽天でびっくりする）・グローバルナビが小

藍の鰆 #1日1サイトレビュー

・The 職人というイメージを創出させるサイト・全体的に藍色で統一されている・メインビジュアルは動画・動画下の説明文がシンプルでかっこいい・その下にはプロモーションムービー（ドラマチック）・その下のメニューバーはホバーで写真がボケる・購入方法お問い合わせはスクロールに合わせてついてくる・強調は下線・グローバルメニューのでもホバーで線が表示される・最後はフェイスブックへのボタンが完成するモーションで終了・サイト全体がドラマチック・フォントは游明朝・spの

共感住宅ray-out #1日1サイトレビュー

・メインビジュアルは右1/4余白で文字、左3/4は写真・手書き文字に・・・そして縦書きのフレーズ・写真はスライド・TOPページは情報量多め・セクションの数字は丸囲みが多いが、家の形になってて可愛い・写真が大きかったり、枚数が多かったりでイメージしやすい・ボタンになる文字の近くには矢印のモーション・Contact usの紙飛行機のもくもくとした気道が可愛い・見出しは貂明朝、説明文は筑紫A丸ゴシック、数字はFutura PT ・右に出るCTAが縦書き、インデックス

わかば保育園 #1日1サイトレビュー

・メインビジュアルは不規則な形の写真のくり抜き・わかば保育園だけあって、しっかり若葉の写真もある・メニューの項目前のアイコンがロゴに使用されている三角形と同じで少し斜めになっている・保育園についての説明も背景に同じようなグレーの三角形が使われており、統一感がありながらも説明文が読みやすいようになっている・強調文はハイライトを使用・区切り線は・・・を使用、変なスタイリッシュさやきつさを感じない・ロゴに使用されている黄緑色とサブカラーの青色があっている・©️がメンビ