Work製作品

ポートフォリオサイト

https://minkodes.com/

  • 自主制作
  • Direction
  • Design
  • Coding
  • WordPress

自身のポートフォリオサイトを制作しました。
設計からデザイン、コーディング、WordPress化、デプロイ、公開を行いました。

コンセプト

デザインではキャッチコピーを設定し、目的と思いを明確にする。コンテンツの優先度を考慮してレイアウト設計する。
見出しは大きめにし、罫線の使用、背景に淡い色や紙風のテクスチャを使用することで全体的に活版印刷風の雰囲気を表現する。フォントとカラーには使い方にルールを決め、一貫性を持たせる。

コーディングでは各要素のクラス命名やディレクトリ/ファイル構成のルールを守ること、要素はなるべくパーツ化することで保守性を高めることを考慮する。
記事の投稿編集画面はできるだけシンプルに、写真の挿入/テキストの挿入/カテゴリの選択だけで作成できるようにする。カスタムフィールド機能を活用しデザインレイアウトを崩さない構造にする。

Production Detail