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

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

https://portfolio.mondbrand.net/

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

制作背景

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

デザインコンセプト

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

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

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

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

Gallery

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

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

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

https://tomokawa.mondbrand.net

Detail

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

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

掲載しております制作物は、原則
チームではなく一人で構成から制作まで一貫して行ったものです。

他の制作事例を見る

制作事例を探す

作品カテゴリから探す


先頭へ戻る