よいHPは目に見えない部分で決まる?サイト改善のプロによる「サイトのととのえ方」セミナー備忘録
+2

よいHPは目に見えない部分で決まる?サイト改善のプロによる「サイトのととのえ方」セミナー備忘録

静岡マーケティングサロンのイベントで サイト改善業務のプロフェッショナル、よっしーさんによる、 サイト改善てどうやるの? 実際の改善プロセスを公開コンサルしちゃうよ といった内容のオンラインセミナーが開催され、参加しました! (実際のタイトル: 「マーケティング大学〜サイト改善のプロセスを大公開!即興HP診断」) よっしーさんが普段、クライアントさんに対して どういった解説やご提案をしているか、 その改善プロセスを実際のクライアントさんのサイトを見ながら (クライアント

スキ
13
サイト分析#2
+1

サイト分析#2

01 概要 アルコールフリーのお酒を販売しているサイト 02 ターゲット予想 ・お酒を嗜む程度で満足できる人、 ・見た目やインテリアのおしゃれに気を使う人、 ・帰宅後、少しの楽しみでお酒を楽しみたい人 ・ビジュアル的に女性向けではありそう 03 配色 background→ メインカラー #f5f6f2 サブカラー#dcd3c4 アクセントカラー #cdb9b9 (淡い色で構成) font  color→ #FFFFFFと#000000 04 あしらいの傾向 全体的に

スキ
3
No.11
+8

No.11

▼全体的に ・読ませる文章は太字で大きめに見せている ・新着情報はワンカラムで大きめの表示 ・ボタンは優先順位や種類によってわけている ▼キービジュアル ・タイトル文字の各おおきさやカーニングが調整されている ・トップに会社概要へのボタンが配置されていることから、会社の認知を広めたいことが伺える ・タイトル下に会社の写真や、制作事例など画像を流すことで、ずっと見ていたくなる工夫がある ▼メニュー ・プライバシーポリシーは優先度が低いので、下部へ小さく薄くて配置されてい

スキ
1
【農業×IT】施肥量計算ツールを作りました
+4

【農業×IT】施肥量計算ツールを作りました

こんにちは。施肥量(肥料を畑にまく量)を自動で計算するウェブサイトを作りましたので、紹介をさせていただきます。 家庭菜園や農業をされている方に、是非、使っていただきたいと思ってます。 ツールの概要施肥量計算ツールでは4項目の入力値から施肥量を計算します。4項目とは、 1. 栽培地の都道府県 2. 栽培する作物 3. 栽培面積 4. 肥料の含有割合(N-P-K) です。 肥料の含有割合とは、肥料の袋に書かれている、「5―10-5」などの数字のことです。これは肥料

スキ
1
WordPress の ドメインを Jimdo へ移行。でもメールは Xserver。
+15

WordPress の ドメインを Jimdo へ移行。でもメールは Xserver。

Jimdo(ジンドゥー)から WordPress(ワードプレス)へ移行のノウハウはネット上に溢れていますが、WordPress から Jimdo への移行はあまり見かけません。 Jimdo や Wix(ウィックス)など、ノーコードで Web サイトが構築できる手軽さに飛びついてみたものの、デザインやライティングの実力を実感し、再び外注化して WordPress へ逆戻りする企業の話も耳にします。 ノーコードとは? ここで言うノーコードとは、Web プログラミング言語を使わ

スキ
2
webサイト分析 #1
+1

webサイト分析 #1

【URL・サイト名】 https://www.vitamin-i.jp/ 株式会社ビタミンiファクトリー 【印象】 子供の写真を多く使って、元気なイメージ ターゲットが 親世代なので、整理され落ち着いたレイアウト 【構成・レイアウト】 3分割レイアウト すべて四角で統一されている → 正方形がほとんど タイルレイアウト 100vh 【メインビジュアル・ファーストビュー】 子供が商品を使っている動画 【POINT!】 ・トップナビにドロップシャドウ→立体感を演出 ⇒やり

スキ
1
今日から、webサイトの分析をやってみます。
目標はとりあえず30サイト。
毎日続けることが大切なので、それほど欲張らずに30分ほどで完了する内容にしたいと思います。

今日から、webサイトの分析をやってみます。 目標はとりあえず30サイト。 毎日続けることが大切なので、それほど欲張らずに30分ほどで完了する内容にしたいと思います。

③HTMLの中身について、ちょっと知っておこう。
+5

③HTMLの中身について、ちょっと知っておこう。

前回の記事で、HTMLの準備が完了しました! それでは、お待たせしました。実際にwebページを作っていきましょう! と言いたいんですが、その前に前回かいた下のコードについて少し説明しますね!(と言っても、私もわからない部分あるので、わかってる範囲で) まず、緑色の部分についてです。ここは無視して大丈夫です! <!-- -->で囲まれている部分は、システムに影響しません。 ちなみに、「<!-- -->をいちいち書くのめんどくさそう」ってなると思うんですが、[Ctrl+/]

スキ
1
Webサイトのトレースをして学んだこと
+6

Webサイトのトレースをして学んだこと

前回投稿したのがいつだか覚えていないくらい久々です汗 今回はWebサイトのトレースで気づいたこと・学んだことをnoteにまとめていきます。 トレースしたのは「Soup Stock Tokyo」さんのWebサイトです! 左:見本 右:トレース後 作業時間:4日間 使用ツール:XD トレースしていくとフォント・カラー・余白・写真などデザインのルールが見えてきました。以下、まとめていきます! 黒色(#000)よりも柔らかい黒色(#333)がメインカラーで、基本的なテキスト

スキ
1
②HTMLの準備をしよう
+13

②HTMLの準備をしよう

こんにちは、JUST10minのすいです。 前回のnoteで、webサイトを作るための準備はできました。 今日は、HTMLをかくための準備について説明していきますね。 それでは、さっそく見ていきましょう! まずは、VSCodeを日本語にしましょう。右下の「ベルマーク」をクリックします。 すると、下のようなメッセージが出てきます。 なんで、「インストールして再起動」をクリックします。 ちょっと待つと、この通り日本語になりました! これで、上のバーなどが読みやすくなりま

スキ
4