work details

制作実績詳細

POPEYE DESIGN codingdesign

shot second
shot-third
shot-fourth
shot-fifth
shot-sixth

サイトの概要

ポートフォリオサイトを制作しました。実績をご紹介し、どんなWebサイトが出来上がるのかイメージしていただくことを目的としています。

ターゲット層

Webサイトを必要としている方々やWeb制作会社様

デザインコンセプト

誠実、落ち着き、シンプル

デザインに関して

機械の設計・生産の経験があるという自分のバックグランドを幾何学的な図形を用いて表現しました。一番にご紹介したい制作実績が際立つよう、全体的にホワイトとブルーグレーでシンプルな印象にまとめています。

コーディングに関して

WordPressでサイトを構築しました。ハンバーガーメニュ、アコーディオン、スライドショー、フィルタリング(カテゴリ)、フェードイン、スムーススクロールなど、Web制作の基礎となるインタラクションを盛り込んでいます。
また、ユーザーが素早く情報を見つけられるようにファイルサイズを小さくし、軽快に動作するWebサイトを制作しました。CSSはBEM記法を用いて、保守しやすいコーディングを心掛けています。

  • 担当作業

    デザイン / コーディング

  • 使用技術

    HTML / Sass / Javascript / Wordpress / Figma

  • 制作期間

    8週間

当サービスに関するご依頼、ご相談など
お気軽にお問い合わせください!

お問い合わせ