架空の貿易株式会社のコーポレートサイトを作成いたしました。
コーポレートサイトということで、
白をベースに、余白を大きく使うなどシンプルなデザインにしました。
画像などは画面を大きく使い、貿易会社のダイナミックなイメージ を表現しています。
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をバンドルしています。
制作時期：２０２０年９〜１０月、制作期間：２ヶ月
新規サイト制作
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
