e-Method ウェブクリエイター科課題作品集 お問い合わせ イーメディカ

トップページ上部

トップページ下部

◆トップページ◆

インパクトを持たせるために、各ページの紹介となるFLASH動画を配置しました。それに下部メニューを固定して、ページのどの高さでも各ページへのリンクボタンを使えるようにしました。ページの頭に設置した写真は自然風景で各ページ統一し、さらに画像編集で油絵調にしています。他のサイトと差別化を図るためのものです。コンテンツの頭部分に設置した写真は、各ページを連想させるものを選んでいます。全ての画像は、編集ソフトで鮮やかさを増して目を引くようにと試みています。

会社案内ページ上部

会社案内ページ下部

◆会社案内◆

会社紹介のページです。会社の基本情報を右側で、各事業部内容を左側で紹介しています。コンテンツのトップに配置した写真は編集でセピア調にしています。会社地図にはグーグル・マップを採用しており、地図画像を直接ドラッグで動かせたりグーグルマップへリンクすることができます。下部に配置した会社沿革は、大きさを決めたボックスになっており、スクロールバーで動かせるようになっています。情報を追加しても、ページ全体の長さが変わらないように心掛けました。

技術管理ページ上部

技術管理ページ下部

◆技術管理部◆

技術管理部の紹介ページです。コンテンツのトップ写真はガラス張りのビルで、鮮やかさを増す編集をしています。各事業部のページでは、右側に詳しい内容を掲載し左側に大まかな事業部内容の紹介をしています。コンテンツの内容では、業務内容を写真付きで紹介しており、掲載している写真は編集で鮮やかにしています。下部にはスクロールバー付きのボックスを設置して、業務実績を掲載しています。

遺跡調査ぺージ上部

遺跡調査ページ下部

◆遺跡調査◆

遺跡調査補助業務の紹介ページです。コンテンツのトップ写真はエビの化石で、鮮やかさと色合いを調整したものです。その下からは事業内容の紹介が始まり、遺跡調査の写真を配置してわかりやすいように心掛けました。ページ下部ではスクロールバー付きのボックスで、業務実績内容を紹介をしています。一行ごとに色を変えて表示しており、見やすくなるように配慮しました。

文化事業ページ上部

文化事業ページ下部

文化事業部

文化事業部の紹介ページです。コンテンツのトップの写真は展示模型で、鮮やかさが増すように編集しています。事業内容の紹介では、会社パンフレットのPDFファイルを設置しており、クリックするとファイルが開くようになっています。こちらも写真付きの紹介になっており、案内板・印刷物・展示物などの制作物の写真を設置しています。ページ下部ではスクロールバー付きのボックスで、業務実績内容を紹介をしています。一行ごとに色を変えて表示しており、見やすくなるように配慮しました。

代理販売ページ上部

代理販売ページ下部

◆代理販売◆

依頼のあった企業様の商品を、代理販売している商品の紹介ページです。コンテンツのトップの写真は置物で、鮮やかさが増すように編集しています。代理販売の商品は、資料があった日本電産シンポ株式会社の陶芸用品を掲載しています。掲載する資料が増えれば、コンテンツを増やすようにしたいと思います。

ブログページ上部

ブログページ下部

◆ブログ◆

今回制作した、八州スペースコンサル株式会社の社長様が独自で作っているブログの内容を紹介したページです。コンテンツのトップの写真は招き猫で、鮮やかさが増すように編集しています。元のブログに掲載されていた内容の中で、特に東北津波震災対策について書かれている内容を抜粋して掲載しています。ブログに掲載されていた津波対策の計画図を表にして、ページ中部から掲載しています。掲載元になっているブログへのリンクボタンを上下2か所設置しており、こちらのページで抜粋して紹介した内容の続きを読めるように配慮しました。