マガジンのカバー画像

#1日1サイトレビュー

51
本
1日1サイトレビュー、ウェブデザイン関連。
運営しているクリエイター
イラストレーター｜おだかあや乃

#Webデザイン

1ヶ月間のウェブデザインの勉強を振り返ってみて

noteを始めてみて、何か完璧なことを書かないといけないといった思いからなかなか更新できずにいましたが、箇条書きでもなんでもいいから、ウェブデザインの現状把握と振り返りを含めて書いていきたいと思います。自分の勉強の成果を振り返る機会があまりなかったので、アウトプットさせてください。（2020年9月26日現在）

¥200
イラストレーター｜おだ…

RINGO X Sylvanian Families #1日1サイトレビュー

【概要】 ・RINGO X シルバニアファミリーのコラボサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・コラボ、限定商品を楽しんでもらいたい ・店頭に足を運んでもらいたい 【印象】 ・サイト全体が赤色で統一されている ・RINGOの赤色とシルバニアファミリーのうさぎのコラボが背景色にも活かされている 【配色】 ・#E4002B(赤色) ・#004537(緑色) ・#F0C6B1,#FFFFFF(タイトル、テキスト、SHOPLISTボタン) 【フォント】 ・

イラストレーター｜おだ…

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

【概要】 ・コカ・コーラの公式ブランドサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・コーラが好きな方に向けて、新フレーバーも試してもらいたい 【印象】 ・コカ・コーラのイメージカラーである赤色をサイト全体に使用している ・明るく、楽しい印象 【配色】 ・#F40008(ヘッダー、フッター) ・#E1081B(ファーストビュー、ボタン) ・#B20010(comingsoon内) ・#FFFFFF 【フォント】 ・Lucida Grande 【ヘッダー

イラストレーター｜おだ…

ROBIN HOOD #1日1サイトレビュー

【概要】 ・洋服、ドレス製作の取り扱いページ 【想定ターゲット】 ・・・・・ 【想定目的】 ・洋服や衣装全般のリフォーム、リメイク、オーダーメイドなどを考えられている方に対して ・社交ダンス用のドレスを探されている方に向けて 【配色】 ・#A53333(赤) ・#345494(青) ・#C0B18D(お問い合わせボタン) ・#150F4F(メニューボタン) ・#F4F1EC ・#FFFFFF 【フォント】 ・Cormorant Garamond ・ns-j 【ヘッ

イラストレーター｜おだ…

ひより保育園 #1日1サイトレビュー

【概要】 ・ひより保育園のサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・ひより保育園に通われている/関心のあるご家族さまに向けて 【配色】 ・#FBDCDA(ナビ、電話ボタン) ・#26333B(背景色) ・#F28CA1(お問い合わせフォームボタン) ・#222F39(メニューボタン) 【フォント】 ・Noto Sans JP 【ヘッダー】 ・トップにナビが配置されており、手描き風のイラストを使用している ・イラストをホバーすると、横揺れする 【メイン

イラストレーター｜おだ…

アクアリウム祝い花 #1日1サイトレビュー

【概要】 ・アクアリウム祝い花のサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・「お祝い」にこだわりたい方に向けて 【印象】 ・結婚式場のような印象を受けた ・明るく、華やかさの中に清潔感がある印象 【配色】 ・#FFFFFF ・#F4F4F4 【フォント】 ・Hiragino Kaku Gothic ProN 【ヘッダー】 ・CIを左上に配置 【メインビジュアル】 ・ファーストビューが華やかであり、背景色には写真の他、水彩画のような色味の花をあしらいと

イラストレーター｜おだ…

merry photo studio #1日1サイトレビュー

【概要】 ・フォトスタジオのHP 【想定ターゲット】 ・・・・・ 【想定目的】 ・フォトスタジオを探されている方に向けて 【印象】 ・フォトスタジオのHPであることもあり、写真素材を重視している ・余白が多く、スッキリとした印象 【配色】 ・#FCFBF9 ・#FFFFFF 【フォント】 ・Orator Std ・遊ゴシック体 ・Helvetica Neue ・Double Pica 【ヘッダー】 ・ナビ、トップに固定されている ・フォント12px ・ホバー時、黒

イラストレーター｜おだ…

麹だけでつくったあまさけ #1日1サイトレビュー

【概要】 ・あま酒のサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・健康に気遣われている方に向けて ・あま酒が好きな方に対して 【印象】 ・スッキリ、シンプルな印象 【配色】 ・#B0C9CA ・#B4DAE7 ・#F8F8F8 ・#FFFFFF 【フォント】 ・sans-serif ・FOT-筑紫A丸ゴシック Std M 【ヘッダー】 ・下にスクロールすると、トップにナビが固定される 【メインビジュアル】 ・CIがファーストビューの左側に配置されてい

イラストレーター｜おだ…

アルパカ as こだわり綿棒 #1日1サイトレビュー

【概要】 ・こだわり綿棒のサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・綿棒にこだわりのある方に向けて 【印象】 ・とにかくファーストビューの動きのインパクトが強い ・パッと見た時に、動物園のような印象も受ける 【配色】 ・#F1F1F1 ・#3CA8DF ・#F26182 ・#51BDBF ・#ECC202 ・#F59487 ・#FFFFFF 【フォント】 ・YakuHanJP 【ヘッダー】 ・・・・・・ 【メインビジュアル】 ・ファーストビューがア

イラストレーター｜おだ…

加賀種食品工業株式会社 #1日1サイトレビュー

【概要】 ・加賀種食品工業株式会社のHP 【想定ターゲット】 ・・・・・ 【印象】 ・ファーストビューとコンテンツの明度が 【配色】 ・#967C5E ・#FFFFFF ・#F8F8F1 【フォント】 ・YuMincho 【ヘッダー】 ・右上にハンバーガーメニューを配置 【メインビジュアル】 ・ファーストビュー、動的なものであり、工程がわかる ・左下に英文と日本文のキャッチコピーあり 【コンテンツ・レビュー】 ・スクロール時、製品のあしらいが散りばめられている

イラストレーター｜おだ…

LOURDES 2020 AW GOOD SLEEP SERIES #1日1サイトレビュー

【概要】 ・LOURDES 2020 AW GOOD SLEEP SERIESの通販サイト 【想定ターゲット】 ・20~30代女性 【想定目的】 ・睡眠不足に悩む人に向けて 【印象】 ・サイト全体の色味が淡い ・日本字と英字を組み合わせていることが多い 【配色】 ・#232548 ・#E5E5E5 ・#FFFBF5 ・#CAA266 ・#898989 ・#DBA69B 【フォント】 ・ヒラギノ角ゴ Pro W3 ・YuGothic ・Sawarabi Gothic

イラストレーター｜おだ…

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

【概要】 ・zishi X unicoのインテリアECサイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・unicoのインテリアに関心のある方に向けて 【印象】 ・サイト全体の色味や世界観がユニーク(なんのサイトだろうと思った) 【配色】 ・#8B99BB ・#4E507B ・#B1BBD1 ↑上3つ同系色 ・#DB517E ・#C8B37C ・#909090 ・#7B7B7B ・#FFFFFF 【フォント】 ・Open Sans 【ヘッダー】 ・トップに配置

イラストレーター｜おだ…

大阪電気通信大学 医療健康科学部 #1日1サイトレビュー

【概要】 ・大学の新設学部の紹介ページ 【想定ターゲット】 ・・・・・ 【想定目的】 ・文系でも理系でも学部に関心のある方に向けて 【配色】 ・#F42B7C ・#F65C9B ・#754891 ・#67B1C1 ・#FFFFFF 【フォント】 ・Noto Sans JP 【ヘッダー】 ・右にナビ、左にCIを配置 ・スクロール時、ヘッダーはトップで固定される 【メインビジュアル】 ・ファーストビューの背景色にグラデーションがかかっている ・キャッチコピー「どちらか

イラストレーター｜おだ…

アルネットホーム 40周年記念サイト　#1日1サイトレビュー

【概要】 ・注文住宅の創業40周年の記念サイト 【想定ターゲット】 ・・・・・ 【想定目的】 ・注文住宅を検討している ・アルネットホームに関心がある 【配色】 ・#CF3C4E ・#EDEDED ・#FFFFFF 【フォント】 ・NotoSansCJKjp-Regular_subset 【印象】 ・ファーストビューの右端にキャラクターが配置されているのが可愛らしい ・サイトをパッと見た時に家のサイトであることが一目でわかる 【ヘッダー】 ・・・・・・ 【メイ

イラストレーター｜おだ…