普段は写真撮影や動画編集など行っていますが、Webサイト制作も行っています。正直なところ、まだ経験が浅く、比較的安い価格で少しずつ経験を積んでいる段階です。

HTML、CSS、JavascriptなどWebサイト制作に必要な基本的なプログラムの書き方は独学で学びました。

直近で制作したWebサイトとしては、自身が運営する登山系YouTubeチャンネル『山菜採りオンライン』の公式ホームページです。

『山菜採りオンライン』公式ホームページ→https://sansai.online.mashukawasaki.com

ホームページは1カラムで、背景には迫力のあるヒマラヤ遠征の映像が流れるようにしました。

機能として充実させたかったのは主に写真作品を載せるギャラリーページと山行記録をシェアするブログページ。

works
黒を基調にしてコントラストを強め、写真が引き立って見えるようなギャラリーにした。

ギャラリー内は写真をクリックすると拡大表示、作品名をクリックすると写真の詳細が表示されます。

山行記録や何気ないつぶやきを書いた山菜採りオンラインのブログ

ブログ機能では、先ほどのギャラリーとは少し雰囲気が変わり、白基調。親しみやすい雰囲気が出るように見出しのデザインも少しポップなものにしています。

見出しのデザインはCSSでコードを追加し、オリジナルで好みのデザインに仕上げました。

また、ブログ記事の内容(例えば山行の場所など)に応じてカテゴライズされ、山域や内容ごとに記事を読むことができます。

これは、登山者が行きたい山の記録を読む際に参照しやすいように意識してのデザインになっています。


Webサイトは人によって好みも分かれ、用途も様々。そんな中で作りたいWebサイトは、利用する人が使いやすい機能がそろっているのはもちろん、オリジナルで魅力的にデザインされたサイト。

サイト制作にあたっては、ヒヤリングを重視して制作を行っていきたいと思います。

コメントを残す