Webサイト Photoshop デザイン コーディング レスポンシブ対応
フリーのアーティストとして活動している「Zn」さんのWebサイトを制作しました。
レスポンシブ対応。
URL:http://abortivemigration.web.fc2.com/
様々な模様で生き物を描いた「模様生命体」を中心に、風景や密集物といったイラストレーションを制作されているZnさん。
マスキングテープを使用した制作も手掛けており、公式イベント等にも多数参加されています。
死滅回遊(しめつかいゆう)とは、魚が海流に乗って本来生息できない地域へ回遊してしまい、季節が変わるときの水温の変化に対応できずに死滅してしまうことをいいます。
Znさんが好きなこの言葉をサイト名とし、2017年にページを公開しました。
aboutページ
死滅回遊というサイト名から、水族館・透明感・ガラス…といった連想をしました。
魚のイラストも多数いただいたので、ヘッダーはホワイトとぼかしを組み合わせてガラスのような表現にしました。
作品が主体であることを意識し、全体的にシンプルで整理されたサイトデザインを心掛けています。
作品ページ
javascript「colorbox」を使い、クリックで拡大表示される仕様にしました。
別ウィンドウへの遷移をなくし同一ページ内で完結するため、作品数が増えてもスムーズにページを閲覧できます。
ブログ
このサイトでは「レスポンシブ対応」と「サイト・ブログ一体型」をテーマに制作に取り組みました。
ドメイン・サーバー費がかからず、ページ制作の自由度が高い「FC2」サービスを利用しています。
トップと下層は静的ページを作りFTPでアップロード。
ブログサービスにヘッダー・フッターデザインを組み込み、動的な記事ページ作成に対応することで他ページとブログが1つのサイトとして認識してもらえる作りになっています。
← 制作実績に戻る