webサイト100選

webサイト100選 とは

フェリカTA講師による、カリキュラムの一つ Webサイト100選 をすることによって、
自分へのインプットを増やし、可能なアウトプットを増やす課題。

サイトの構想や要件を学ぶこと。webサイト100選

webサイト100選 を推奨する講師

フェリカテクニカルアカデミー　手代木

インプットが増える仕組み

サイトの要件と仕組み、実現する方法を検証モードを通じで学ぶ、
100種ものサイトは閲覧し様々なデザインの手法と効果を検証して理解するだけでも自分の中の気付きが増える。

100選 における要件定義の解析

そのサイトが何故作られていいるのか、クライアントのサイトに対しての利害、サイト作成の目的を考える、

要件を考える事は、サイト構造の設計に繋がるので正しいか理解できるように努める。

webサイトにおける目的達成のための手法

サイトの要件に応じた、目的達成のための構造を理解し、効果的な演出も学ぶ。
自分が使った事のないコーディングやプラグインを知る事が出来る。

スライダー

複数の画像とのせた文章を限られた空間内に配置することが可能で、現在のキービジュアルFVに最も多く使われる機能

画像のALT、ヘッダ内に記載したh1の直下である事が多く、複数のｐで説明が記載できるが、応答性が悪くなるデメリットもある

AOS

文章の羅列による離脱率を、上下左右からフェードインしてくる、段落や写真で減らす目的でよく使われる

使い方によってはサイトのブランディングが崩れる事もある

webサイト100選 をするとアウトプットが増える仕組み

サイトの要件と仕組み、実現する方法を学ぶ事で、この要件ならこの手法が効果的なのではないか？
選択肢を増やして自分のサイト制作に活かせるようにインプットをまずする。
検証しながら実現する方法を模索する。

要件定義の解析と、その応用

数多くのサイトを分析し、要件定義が何かを逆説的に考える事により、
実際のクライアントの要件を実現するための手法が学べるし、色んな方法が思いつくようになる。

必要な機能の実装について考える機会

機能の実装に関して技術面だけでなく、その効果と必要かどいかを考える機会に繋がる。

webサイト100選 で学んだ技術の利用

このスライダーにはどんな意味があって、実装方法によって受ける印象が変わるもの、
文字色、レイアウト、アニメーションのそれぞれがテーマに沿っているのか？
特に その事でどんな印象や意味づけができるのかを学んで利用できるようにする。
複数の技術の組み合わせ、一部の機能の削除による簡略化

スクリプト以外の実装方法、スクリプトを利用したものが良い機能の見極めをする。

webサイト100選 における目的達成のための技術

要件定義を明確にし、必要な構造をくみ上げた後は、
効果的な演出と文面によって、
見にくる人が飽きずに見る方法を考えます。

コンバージョン

が購入ならば購入に向かって、
申し込みであれば、利用しやすいインターフェイスや誘導が必要 ですが
既存サイトには利用しやすくするために工夫やエフェクトが多数利用されており、
検証モードで一つ一つ自分ならどう再現するかを研究することで、
Web製作の幅を広げて行きます。

デザインの優れたサイト

を紹介する事に特化したサイトがいくつかあるので、
時間短縮の為に参考にし、自分なりに考察と検証をして、
自分の身になる100選になるよう心がけます。

気になっているサイト

ベンザブロック公式のSEO
シチズンLのレイアウト
山下フルーツ農園の温かみのある演出
すみだ水族館の清潔感と誠実さ
商船三井テクノトレード：採用情報ページの要点を抑えたメッセージ

 

HOME

MyPortfolio

googleサーチコンソールindexまでの道のり

コンソール画面
2021・05・22
上記の文面をアウトラインに注意しつつ、キーワードwebサイト100選
h1-h3まで全てが説明となるように文章化　コンソールのURL検査もパスし登録を試みるもうまくいかず
道のりを書いてみる事を始める

webサイトという単語と100選が並び過ぎないように減らしてみる20210523

サイト全体の意義を問う固定ページであるので、
現在気になっている注目しているサイトへの内部リンクを羅列してみる 20210523 7:04

2021年5月24日
とうとう、このページがINDEXされました｡