本サイト:ポートフォリオサイトについて

本サイト:ポートフォリオサイトについて

https://portfolio.mondbrand.net/

本当に必要な情報を、ストレスなくお届けする。

制作背景

スキルアップと実績掲載に伴うポートフォリオサイトのデザインリニューアルを機に
作品の管理と閲覧をしやすいよう、サイトのWordpress化を試みました。

コンセプト

掲載作品の個性を引き立たせるため、また、
様々なジャンルの制作物が混合しても喧嘩しないよう
サイトのデザイン自体は主張を控え、無彩色をベースにしました。

減らすことで、情報に心地よくたどり着く

ポートフォリオは作品の見た目のみならず、
プロフィールや実績情報も重要です。

知りたい・探したい情報が目に付きやすく、すぐに辿りつけるよう
かつ、情報を図表化するなどして
疲れにくく、目が心地よいビジュアル作りに工夫を施しました。

バブルチャートとOfficeソフトのアイコンは、
画像ではなくCSSで設計しました。
(マークアップ言語アイコンは
Font Awesomeを使用)

アイコン自作は極端な例ですが、
可能な限り画像を使う頻度を最小限にし
「伝えたい」という発信の熱量と技術との垣根をシームレスにすべく、
負荷が少なく保守性の高いコードを心掛けております。

参考:以前のポートフォリオサイト(2018年制作)

https://tomokawa.mondbrand.net

Gallery

Detail

サイト名
【個人サイト】ポートフォリオサイト
制作日
2020年01月
使用ツール
Photoshop, HTML5, CSS3, jQuery・Javascript, Wordpress(PHP)
ご依頼者様
自身のサイト・自主制作サンプル
URL
https://portfolio.mondbrand.net/
担当箇所
ディレクション・設計, デザイン, コーディング, ライティング

パスワード保護しております実績は、
個人で受注したものではなく、会社経由にて受注した案件です。

他の制作事例を見る


先頭へ戻る