写真家・映像制作者
作品ビジュアルを大きく見せ、ポートフォリオとして印象的に掲載できます。
Template 006ポートフォリオ・クリエイター向け
Creative
Portfolio
写真家、デザイナー、イラストレーター、Web制作者など、作品を主役に見せたい人向けのポートフォリオテンプレート。PCとスマホの実スクリーンショットを使い、強い世界観と作品訴求力が伝わる商品ページに仕上げました。
作品主役モノトーン作品詳細ページHTML / CSSのみ
こんな方におすすめ： 写真家 / デザイナー / イラストレーター / Web制作者・映像制作者にもおすすめ
template006-demo / index.html
7 PAGES
ポートフォリオ・クリエイター向け
ポートフォリオ・クリエイター向け
TYPEPortfolioポートフォリオ・クリエイター向け
LEVEL★★☆中級者にも
PAGES7作品詳細を収録
STYLEBoldタイポグラフィ重視
RECOMMENDED FOR
こんなクリエイターにおすすめ
作品を前に出したい人、世界観を見せたい人、案件実績を整理して見せたい人に向いています。
グラフィック・Webデザイナー
案件ごとの作品詳細やコンセプトを整理しやすい構成です。
イラストレーター・作家
作品一覧とプロフィールをまとめて見せたい個人活動にも。
フリーランス制作業
サービス、実績、問い合わせ導線まで一通り揃えられます。
ABOUT TEMPLATE
作品を主役にするため、
作品を主役にするため、
装飾は強く、情報は短く。
Creative Portfolioは、文章を増やすよりも「作品をどう見せるか」を優先したテンプレートです。強いグリッド、タイポグラフィ、モノトーン＋アクセントカラーで構成しています。
まずはデモを見てみる →作品グリッド
大小のカードで作品一覧にリズムを作ります。
作品詳細ページ
案件ごとの背景・課題・解決策を掲載できます。
強い文字組み
写真が少ない状態でもデザインとして成立しやすい構成です。
実績・受賞歴
掲載、登壇、職歴なども年表形式で整理できます。
DESIGN PREVIEW
静かなモノトーンに、1色だけ強いアクセント。
実際のテンプレート画像とスマホ表示を見せることで、作品訴求の強さやタイポグラフィの雰囲気が直感的に伝わります。
PORTFOLIO PREVIEW
Make ideas
Make ideas
visible.
作品そのものの魅力を引き立てるために、余白・文字・アクセント色でメリハリをつけた構成です。
- 作品一覧と詳細ページの流れを作りやすい
- モノトーンをベースにアクセントで個性を出せる
- 実績や受賞歴も整理して掲載しやすい
Creative Portfolio preview
PAGE STRUCTURE
作品紹介に必要な
作品紹介に必要な
7ページを収録。
project.htmlを複製すれば、作品詳細ページを何件でも追加できます。
トップページ
代表作品、サービス、プロフィール、問い合わせ。
プロフィール
自己紹介、制作姿勢、得意分野。
作品一覧
制作実績をグリッドで掲載。
作品詳細
背景、課題、制作内容、成果。
サービス
依頼内容、制作範囲、進行方法。
実績・受賞歴
受賞、掲載、登壇、経歴。
お問い合わせ
メール・SNS・外部フォーム。
EASY CUSTOMIZE
アクセント色を1つ変えると、
アクセント色を1つ変えると、
印象が一気に変わります。
モノトーンを土台にしているため、ライムをピンク・赤・水色などへ変えるだけでも別のポートフォリオに見えます。
Ink
文字と黒背景の印象を調整。
--ink: #111111;Paper
アイボリー背景のトーンを変更。
--paper: #f3efe7;Accent
主役のアクセントカラーを変更。
--accent: #c7ff3e;Blue
補助アクセントを差し替え。
--blue: #3155ff;
CUSTOMIZE LEVEL
どこまで変更するかは、自分次第。
変更内容難易度触る場所初心者向け
文章・見出し★☆☆HTMLおすすめ
画像の差し替え★☆☆img / imagesおすすめ
配色変更★☆☆CSS変数おすすめ
カード追加★★☆HTML慣れたら
レイアウト変更★★★CSS中〜上級
DOWNLOAD
Template 006
Template 006
Creative Portfolio
HTML 7ページ、CSS、オリジナルSVG素材、README、利用条件を収録した配布ZIPです。無料利用時はMACHIKA WEBのテンプレートクレジットとリンクを残してご利用ください。
READY TO USE
テンプレート一覧へ戻る
デモを確認して、作品の見せ方を試してみよう。
世界観を作り込みたい人にも、まずは形にしたい人にも使いやすいポートフォリオです。