LPの設計の基本とLPの最適化(LPO)の重要性
CVR（コンバージョン率）を大きく左右し、CPAなどの広告費に直結するGoogle広告で集客するためには、 TD（タイトル＆ディスクリプション）の選定、アカウント設計、広告文の他にランディングページの最適化LP …
モーダルの基本的な使い方とデザイン
モーダルとは、「モードがある」状態のことで、特定のタスクや機能の利用に制限された状態のことをモーダルと表現します。 このモーダルは、ユーザーに重要な操作や確認を促したりするときに用いられることが多く、JavaScript …
アコーディオンの基本的な使い方とデザイン
アコーディオンは、見出しを重直方向に並べたリストで、クリックすることで下方向に展開し、もう一度クリックすることで閉じるUIです。 コンテンツを折りたたむことで大量のコンテンツを一度に表示することなく、全体像を確認した上で …
アイコンの基本的な役割と使い方
アイコンは、行為・目的・機能などの意味を視覚化することで、文字よりも小さなスペースで素早くその意味や内容を伝える効果があります。 今回は、そんなアイコンの基本的な役割と使い方について解説していきます。 目次アイコンの意味 …
全国の制作会社のデザイナーの7つの職種と人数
平成30年経済産業省の調査によれば、デザインの制作会社は、全国に7,289の事業所があり、そこで約30500人のデザイナーが働いており、半数以上がアルバイト・パートなどの雇用形態です。 デザイナーと単に言っても色々な職種 …
タブの基本的な使い方とデザイン
タブは、ページのコンテンツを切り替える場合に使われるUIです。 タブを使うことで、画面全体を遷移する必要がない為ユーザーの負担を減らすことができ、限られたスペースに複数のコンテンツを表示することができます。 この記事では …
カルーセルの基本的な使い方とデザイン
カルーセルは、サービスサイトやコーポレートサイト、採用サイトなどのファーストビューのエリアでよく見るUIで幅広く利用されており、複数の選択肢やコンテンツを並列に表示します。 カルーセルは、回転木馬という意味で、Webサイ …
プロジェクトマネジメントとPMBOK
プロジェクトをwikipediaで調べると、計画・設計といった言葉が多く並び、事業や業務で期間や目標といったゴールが定められ、事前に業務開始から終了までの計画をしっかり立てた上で実行されるものを指しますが、勘を頼りに手探 …
SANGOのテーマに合いそうなちょっと変わったカード型デザイン5種
SANGOのテーマには標準でいけてるカード型デザインが、ショートコードを入力することで全体感に馴染むデザインがすぐに使えます。 このカード型デザインをベースにYouTubeの動画や、mp4の動画をサムネイル風に使えるカー …
SANGOのテーマに合いそうなタブ切り替えボタンのデザイン3種
SANGOのテーマのトップページにはタブ切り替えで、各カテゴリのサムネイル表示ができるブロックがあります。これを好きなところに色々使えるようにタブ切り替えのデザインを作ってみました。 今回は、SANGOのテーマに合いそう …
