アットノエルができること
- HOME
- アットノエルができること
わたしたちアットノエルができること
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-corporate.jpg)
コーポレートサイト制作
会社の想いや事業の強みをもっと伝えるために。
顧客や取引先、採用希望者等に対するブランディングや集客を主な目的とし制作します。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-ec.jpg)
ECサイト制作
選ばれるお店になるために。
選ばれるECサイトの制作・運用をサポートいたします。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-recruit.jpg)
求人専用サイト制作
人材不足の悩み・離職率の悩みを解決するために。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-multi.jpg)
多言語サイト制作
世界へ向けた架け橋となるために。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-lp.jpg)
ランディングページ制作
1ページでユーザーの心を動かす。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-satellite.jpg)
サテライトサイト制作
さらに多くの人に知ってもらうために。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-graphic.jpg)
グラフィックデザイン
ホームページに合わせてブランディング。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_620,h_200/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-support.jpg)
Webサイト保守・運用サポート
Webサイトをより良くし続けるために。
大切にしている4つの制作プロセス
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_320,h_204/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-flow-planning.jpg)
![phase1](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_36,h_54/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase1.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_320,h_204/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-flow-Information-design.jpg)
![phase2](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_36,h_54/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase2.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_320,h_204/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-flow-design-system.jpg)
![phase3](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_36,h_54/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase3.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_320,h_204/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-flow-improvement-proposal.jpg)
![phase4](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_36,h_54/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase4.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_510,h_328/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-process-planning.jpg)
![phase1](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase1.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_32,h_32/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-phase1-time.png)
戦略・企画 あなたは、誰に、何を
伝えたいのですか?
ただ単に集客やお問い合わせを増やせば良いというものではありません。
大切なのは、自社の良さや強みをきちんと理解してもらったうえで、ユーザーにアクションを起こしてもらうこと。
だからこそ、Webサイトを通じて「誰に」「何を」伝え、どんな成果を生み出すのか。
それらを整理・言語化し、どのように目標を達成させるのかといった、戦略・企画の立案・ご提案を致します。
- ヒアリング&現状の分析
- 競合調査・市場調査
- ゴール・目標の設定
- ターゲティング・コンセプトの決定
![ユーザー導線設計 流入](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_510,h_328/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-process-information-design-illust.jpg)
![phase2](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase2.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_32,h_32/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-phase2-time.png)
情報設計 伝わるサイトになるかどうかは設計で決まる。
ユーザーはどんなことで悩んでいるのか、どんな情報が欲しいのか、そういった背景をふまえ、掲載したい情報の順序・配置・ボリュームをより具体的に整理していきます。
デザインはあくまで演出装置。この時点で、伝わるサイトになるかどうかが決まるといっても過言ではない、重要なプロセスです。
また、それらのコンテンツをどう管理していくのか、CMSをはじめとしたシステムの設計も同時に行います。
- サイトストラクチャ設計
- サイトマップの作成
- ユーザー導線設計
- サイト構成表の作成
- UI設計
- ワイヤーフレームの作成
- キャッチコピーの作成
![撮影→ライティング→デザイン→コーディング→構築→構築→動作・表示検証→公開](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_510,h_328/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-process-design-system-illust.jpg)
![phase3](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase3.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_32,h_32/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-phase3-time.png)
デザイン・システム構築 見る人・使う人を
最大限に想像して。
ユーザーの心理に働きかける大切な要素、写真撮影や文章のライティングを行い、立案したコンセプトや計画をもとに、より伝わるようデザインしていきます。
また、きちんとWebサイトを育てていけるよう、より管理しやすいものにすべく、使い勝手にもこだわったシステムを組んでいきます。
![改善提案・施策実行の流れ 相談→提案→承認→実施](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_510,h_328/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-process-improvement-proposal-illust.jpg)
![phase4](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/common/img-service-phase4.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_lossy,ret_img,w_32,h_32/https://www.attnoel.co.jp/wp-content/themes/attnoel/img/service/img-service-phase4-time.png)
保守・運用支援・改善 もっとよりよい
Webサイトへ。
Webサイトの保守をはじめ、ポテンシャルを最大限発揮できるよう、適切なサイト運営のサポートを行います。また、状況・必要に応じた、改善施策のご提案・実行もおまかせください。
- Webサイト保守
- CMS等のアップデート対応
- アクセス解析
- Webコンサルティング
- 内部SEO対策のチューニング 他