Photoshopのデザインカンプをもとに、コーポレートサイトのコーディング・UI実装を行いました。
TOPページ・ニュースリリースページ・会社概要ページの全3ページを、HTML・CSS・jQueryを使用してコーディングしました。
共通のヘッダー・ナビゲーション・フッターをはじめ、ニュース一覧、会社情報、サイドバーなど、企業サイトに必要な要素を取り入れたページ構成です。
また、ニュースリリースページ・会社概要ページにはFacebookページを埋め込み、Webサイト上から外部コンテンツを閲覧できるようにしています。
TOPページには、Google Maps APIを利用したGoogleマップの表示機能を実装しています。
現在はAPIキーを設定していないため、公開している制作サイト上ではマップは表示されません。
制作情報
制作範囲： コーディング／UI実装／外部コンテンツの埋め込み
使用技術：HTML / CSS / jQuery
制作ページ：TOPページ／ニュースリリースページ／会社概要ページ
主な実装内容
- 全3ページのコーディング（HTML / CSS / jQuery）
- ヘッダー・ナビゲーション・フッター
- ニュース一覧
- サイドバー
- Facebookページの埋め込み
- Google Maps APIを利用したマップ表示
制作したサイト
ページ構成やレイアウト、外部コンテンツの埋め込みなど、実装したコーポレートサイトをご覧いただけます。
その他のWeb制作・デザイン実績
LP制作、Webデザイン、バナー・SNSクリエイティブなど、その他の制作実績もご紹介しています。
その他の経験・実績
ライティング・Kindle出版・SEO・Web制作など、これまでの経験・実績を、ポートフォリオにまとめています。
Web制作・デザインのご相談
Web制作・デザインに関するご相談・ご依頼は、お気軽にお問い合わせください。