Works

ポートフォリオサイト

制作日
制作期間
1か月
使用言語・ツール
  • HTML
  • CSS
  • jQuery
  • WordPress
  • Sass
要件定義
  • チームで働く適正があることを伝える。
  • 制作実績を確認しやすくする。
制作概要
  • 「落ち着き」や「清潔感」を表すためメインカラーを白とし、余白を多めにとったデザインを採用しました。
  • 「真面目さ」や「几帳面さ」を表すためフォントは明朝体を採用しました。
  • 制作実績以外は色を抑えることで制作実績を確認しやすいようにしました。
  • 制作概要、コンテンツ、コードが確認しやすいように、それぞれ「詳細」「Webサイト」「GitHub」のリンクを作成しました。
制作のポイント
古い修正案件を踏まえて、Flexboxを使用せずに制作しました。
そして、制作実績のcardの横並びは、display:inline-blockで行い、card内でpaddingやmarginが使えるようcard間の余白は透明なボーダーで行いました。
ポートフォリオの中で透明なボーダーで余白を作っている部分のサンプル画像です。
今ご覧いただいているポートフォリオサイトの内容になります。