記事一覧
鳥取ルーテル幼稚園 #1日1サイトレビュー
https://tottori-luther.com/ 【概要】 ・幼稚園の紹介サイト 【印象】 ・サイトの動きにワクワク感がある ・クラッカーが弾けるようなモーションがかわいい ・使われてい…
あおば会計事務所 #1日1サイトレビュー
https://aoba-kaikei.net/ 【概要】 ・会計事務所のホームページ 【印象】 ・イラストを大きく使うことでカジュアル感がある ・メインビジュアルにはカラーを存分に使って…
【令和元年】デジタルハリウッドはじめます
こんにちは。AMIです。
タイトルにもあるように、10月からデジタルハリウッドSTUDIOに通うことに決めました。
個人的に時間もお金もかける大きな投資。
今のこの気持ちをいつでも振り返ることができるように、noteにまとめておきます。
応援していただけるようであれば、“♡”を押していただけると嬉しいです。励みになります。
私は、 SHElikesのWebデザイナーコースを卒業しています。
日産丨NISSAN PAVILION Yokohama #1日1サイトレビュー
【概要】
・日産パピリオンの紹介サイト
【印象】
・近未来な印象
・日産のマークに使われている円のモチーフとサイトの雰囲気に統一感がある
【メインビジュアル】
・施設内を紹介するフルムービー
・真ん中にロゴを配置
・グローバルナビの文字は小さめの12px
・ムービーを見せるメインビジュアル
・左下にさりげなくスクロールを促すライン
【コンテンツ】
・今時な追従するカーソルを使っている
（CSSでカ
SOLES GAUFRETTE #1日1サイトレビュー
【概要】
・スイーツの紹介ページ、オンラインストアへの誘導もあり
【印象】
・この動きのあるページがBAKEぽいと思ったらやっぱりそうだった
・素材（特にバター）の印象が強く残る
【メインビジュアル】
・ネイビーとベージュの大人っぽいツートンの背景（ブランドカラー）
・文字がツートンを横断する
・下にはお知らせが表示される
・オンラインストアのボタンのみ角丸の四角形で囲われている
【コンテンツ】
手火山家（てびやまや） #1日1サイトレビュー
【概要】
・天然だしを扱うサイト
【印象】
・縦書きと横書きがミックスだけどちょうどよく調和されている
【ファーストビュー】
・ファーストビューでは写真と店舗情報が上下に区切られて表示
・スクロールで店舗情報は非表示に、ロゴは小さくなり、幅もフワッと狭くなる
【コンテンツ】
・左右で情報の役割が異なっている
右は見出し、要約。左は詳細。
・マップがシンプルでGoogle マップよりわかりやすい（地
金平堂(KONPEIDOU) #1日1サイトレビュー
【概要】
・金平堂の商品紹介サイト
【印象】
・シンプルで紙芝居のようなサイト
・ゆったりスクロールする感じやスライド式なため、思いが伝わる
【メインビジュアル】
・会社のロゴが斜めに配置され並べられたかんじ
・包装紙をイメージさせるし、ロゴで特徴や歴史があると伝わる
・情報が少なそうに見えてロゴにたくさん情報が詰まっている
【コンテンツ】
・白黒のシンプルなコンテンツ、イラストもテキストを邪魔し
はたらくアタマに #1日1サイトレビュー
【概要】
・アサヒ飲料のはたらくアタマにシリーズの商品紹介LP
【印象】
・太いフレームの長方形が組み合わされたようなサイト
・新聞のようなレイアウトを感じる
【メインビジュアル】
・カエルのコスチュームをきた本田翼が登場
→変えるとカエルをかけている
・大きく4分割されている
【コンテンツ】
・どんな商品化を説明し、商品ラインナップを紹介
（有名商品の派生なため見ただけでわかるような商品ばかり）
キオマネ #1日1サイトレビュー
【概要】
・ホームページ更新代行サービスの紹介LP
【印象】
・イラストベースのLP
・黒と黄色が対照的で見やすい
【メインビジュアル】
・文字の情報量が多く感じるが、MVだけで内容が伝わる
・電話番号の上に対応時間を書くことで安心して電話できる
・1営業日以内にご返信という言葉も安心感を与える
・中央にテキストでどんなサービスか紹介、サイドに使用例の紹介
【コンテンツ】
・MVの次は料金プランの
鳥取ルーテル幼稚園 #1日1サイトレビュー
https://tottori-luther.com/
【概要】
・幼稚園の紹介サイト
【印象】
・サイトの動きにワクワク感がある
・クラッカーが弾けるようなモーションがかわいい
・使われている要素が子供らしい
【メインビジュアル】
・子供たちが遊んでいる様子の写真のスライド
・左側に余白が少しあり、写真は丸みがあるデザインになっている
→柔らかさが演出されている
・園児募集のポップは右下に固定
symme（シンメ） #1日1サイトレビュー
【概要】
・美容鍼を扱うサロンのサイト
【印象】
・店舗のロゴが鍼をイメージしていてわかりやすくおしゃれ
・柔らかい印象を受ける
・画像部分とテキスト部分がくっきりしていて他にも応用が可能そう
【メインビジュアル】
・写真がスライドで表示される
・左側に余白があってその上にテキストがあり、読みやすい
・写真の裏にグレーの四角が重なっておりサイトに立体感がある
・放射状の円が回っているのがアクセント
透ける花色の唇 ‘icy pastel’ | OPERA #1日1サイトレビュー
【概要】
・商品紹介LP
【印象】
・春と夏の間の瑞々しい雰囲気
・PC画面でもコンテンツが割と縦長に作られている
【メインビジュアル】
・商品自体の登場時間は少ないが商品を特徴をイメージさせる動画
・右下にはキャンペーンのポップアップ（固定）、オンラインストアへ誘導
・上部にナビがあり、右側にはハンバーガーメニューもあり
・OPERAのロゴがシンプルなため、ナビのメニューの文字は小さく、色も薄め
美容室MILLOR（ミラー） #1日1サイトレビュー
【概要】
・美容室の紹介サイト
【印象】
・写真と手書きイラストの組み合わせが上手
・シンプルながらも雑誌のようなおしゃれさがある
・若い人に受けそうなデザイン
【メインビジュアル】
・美容院を象徴させる道具の写真で美容院のサイトだとすぐわかる
・正統派サイトに手書き感のイラストや文字を加えることでゆるさが出る
・グローバルナビの現在地は手書きの○で表現
・ホットペッパービューティーへの導線が目立
マガジンど #1日1サイトレビュー
【概要】
・熱量に反応して発信するメディアサイト
・「pow」という商品を販売している会社のメディア
【印象】
・熱量がキーワードなだけに温かみのあるサイト
（ただし暑苦しい感じではない）
・熱がモチーフになっているものがいろいろ使われている
【メインビジュアル】
・様々なフォントの「と」に温度の「°」を組み合わせて「ど」と表現
・ハンバーガーメニューは左下に配置
・温度グラフをモチーフにした背景
tesio #1日1サイトレビュー
【概要】
・クラフトサングラスブランドの紹介サイト
【印象】
・情緒的で落ち着いている大人のおしゃれな雰囲気
・ベージュの雰囲気や写真のレトロな感じ（グリーンが強め）が永く使えることを強調しているように見える
【メインビジュアル】
・L字の構成
・サングラスの使用シーンがスライドで紹介される
・小さめの文字で商品のフレーズを紹介
・グローバルナビは数が多めだけど文字が小さい（14px）
・オンライ
Papapapa-n! #1日1サイトレビュー
【概要】
・パンと焼き菓子を扱うお店のHP
【印象】
・店主の個性が出ていて、会話ベースで見やすい印象
・フレーズの使い方が面白い
・動きの使い方が上手で視線が動かされる
【メインビジュアル】
・店内やお店の外観がわかる写真が4枚並べられている
・写真が角丸で柔らかさがある
・個性的な店名でその説明が書かれている
・店主がパンを食べている写真が載っているのが好感
・グローバルナビが4つと簡潔でアイ
プリベントメディカル株式会社 #1日1サイトレビュー
【概要】
・がん予防のサブスクサービス?にサイト
【印象】
・40〜50代以上の層をターゲットにしたサイト
・可愛らしさを残しつつ、シンプルなデザイン
・コーポレートとサービスサイトを兼任している感じ
【メインビジュアル】
・2つのスライドがかなり早いタイミングで切り替わる
・会社の理念の説明と商品説明の2パターン
・PrevとNextが両端にある
・メインビジュアルのしたは波形で柔らかな印象にな
あおば会計事務所 #1日1サイトレビュー
https://aoba-kaikei.net/
【概要】
・会計事務所のホームページ
【印象】
・イラストを大きく使うことでカジュアル感がある
・メインビジュアルにはカラーを存分に使っている
・余白が大きめに取られている
【メインビジュアル】
・画面いっぱいに画像が広がるようになっている
・グローバルナビはなく、お問い合わせのボタンのみある
・中央にコンテンツを配置し、四隅に情報を配置
【コン