PON DESIGN: WEB制作会社のHP
  • WordPress
  • コーディング

PON DESIGN架空のサイト

WEBデザイン会社のHP

PON DESIGNをスマートフォンに表示した様子。
PON DESIGNをPCとスマートフォンで表示した様子。

Requirements

ご要望

  • 既存Figmaデザインカンプからコーディング
  • お知らせ記事の投稿と表示
  • お問合せ機能
  • WordPress化

Solutions

工夫点

  • レスポンシブ対応
  • Sassで効率化、FLOCSSを使用して整理
  • Autoprefixerでシェア5%以上のブラウザ最新版に対応
  • WordPressでお知らせ、事業紹介、制作実績の投稿管理
  • WordPress拡張機能によるお問合せ機能の実装

MEMO

制作メモ

デザインツール:

  • Figma

コーディング環境:

  • VSCode
  • Docker
  • WordPress

使用言語とライブラリ:

  • HTML/CSS
  • Sass
  • JavaScript
  • jQuery
  • Swiper
  • PHP
  • MySQL

Others

その他の制作物

Comparisonのサムネイル

Comparison架空のサイト

  • WordPress
  • コーディング
  • デザイン
  • ロゴ制作
Shiroのサムネイル

Shiro架空のサイト

  • コーディング
  • ロゴ制作
Planet Huntersのサムネイル

Planet Hunters架空のサイト

  • コーディング
ENG BODYのサムネイル

ENG BODY架空のサイト

  • コーディング
More

Contact

お問合せ

I’m here to help you.

お気軽にお問合せください！

WEBサイトの制作やリニューアル、
各種デザインのご依頼やお見積り、
ご質問など、どうぞ気軽にご連絡ください。

Contact