架空の貿易株式会社のコーポレートサイトを作成いたしました。
コーポレートサイトということで、
白をベースに、余白を大きく使うなどシンプルなデザインにしました。
画像などは画面を大きく使い、貿易会社のダイナミックなイメージ を表現しています。
JQueryで要素の表示にも動きをつけています。
コーポレートサイトということで、
白をベースに、余白を大きく使うなどシンプルなデザインにしました。
画像などは画面を大きく使い、貿易会社のダイナミックなイメージ を表現しています。
JQueryで要素の表示にも動きをつけています。
またWordpressで作成しており、オリジナルテーマを一から作成しました。
固定ページだけでなく、
NewsやBlogといった
カスタム投稿タイプ、カスタムタクソノミーも
functions.phpに記述し作成しています。
固定ページだけでなく、
NewsやBlogといった
カスタム投稿タイプ、カスタムタクソノミーも
functions.phpに記述し作成しています。
制作では、
DockerでローカルにWordpressの開発環境を作成、
Pug、Sassを使用しgulpでコンパイル。
webpackでjsをバンドルしています。
DockerでローカルにWordpressの開発環境を作成、
Pug、Sassを使用しgulpでコンパイル。
webpackでjsをバンドルしています。
制作時期:2020年9〜10月、制作期間:2ヶ月
新規サイト制作
Webデザインからコーディングまで一貫して担当。
デザインソフト:Photoshop
コーディング:HTML5、Pug、CSS3、Sass、JQuery
CMS:Wordpress
開発環境:npm、gulp、webpack、Git、Docker
エディタ:Visual studio code
作成したWebサイト→https://sangyo.tamestation.com/
ソースコード(GitHub)→https://github.com/geotvdesign/sangyo_wordpress
![](https://cdn.myportfolio.com/576b9dd1-cd4e-4b89-99e3-baaff41930c5/ee1a4ddf-d108-436a-bf13-ae1f6aa15c6f_rw_1200.jpg?h=b5a569b6231c16d147bd6b29badacb05)
![](https://cdn.myportfolio.com/576b9dd1-cd4e-4b89-99e3-baaff41930c5/179ea246-09df-4f37-8579-e6c9c0a0141e_rw_1200.jpg?h=24d4db4a341c7b087da2e63b9bc86834)
![](https://cdn.myportfolio.com/576b9dd1-cd4e-4b89-99e3-baaff41930c5/62b06641-807c-4695-ae15-7d201d82edad_rw_1200.jpg?h=57da2d830d96042321792c35a2241d7c)