オフィス狛 Menu
オフィス狛facebookページ オフィス狛twitterページ オフィス狛githubページ オフィス狛instagramページ

デザイン制作
Design

デジタルコンテンツに必須なデザインをクリエイトします

PCやスマートフォンが普及した今、デジタルコンテンツにも「デザイン」が重要視されています。
オフィス狛ではビジュアルデザイン(見た目の美しさ)から ユーザビリティ(使いやすさ)まで広く設計して います。

UIの提案

UIの提案

すぐれたアプリケーションであっても使い方がわかりずらいアプリケーションではユーザーの心は掴めません。
ユーザー目線に立ち、使いやすくストレスフリーな機能の設計とご提案をいたします。

スマートフォンアプリデザイン

スマートフォンアプリデザイン

企業におけるアプリの使い易さを重視し直観的に分かり易く、シンプルなデザインをご提案致します。
エンターテイメント性の強いアプリに関しては、印象にのこるデザインを提案致します。
また、アプリ申請の際に必要なアプリのアイコンなどの画像もご用意可能です。

Webサイトデザイン

Webサイトデザイン

通常のPC専用サイト、スマートフォン専用サイトだけでなく、様々なサイズの画面で見やすいレスポンシブ・デザインのWebサイトまで、モックアップの作成からWebコーディングまで承ります。

オフィス狛デザイナーが作成したイラストのグッズはこちら! >

デザインの流れ

ヒアリング

ヒアリング

 お客様のデザインに対するご要望をお聞きして、デザインの方向性(想定しているユーザーは?どのようなテイストのデザインにするか?参考にすべきデザインは?)などを決めていきます。
 ヒアリング結果を元にして、基本設計、画面設計を行います。

ワイヤーフレーム

ワイヤーフレーム

 お客様から頂いた要望を元にしてワイヤーフレーム(Webサイトやアプリケーションの設計図面)を作成し、画面の構成を決めていきます。
ワイヤーフレームはデザインの設計図面ですのでお客様にレビューして頂きます。

モックアップ

モックアップ

 作成したワイヤーフレームを元にして、グラフィックソフトでテキストや画像などの要素を配置し、完成したデザインのイメージ画像の作成を行います。
デザインはある程度作成した時点でお客様にご確認頂けます。

コーディング

コーディング

 Webサイトデザインの場合、Webブラウザでモックアップ通り表示できるようHTMLやCSSなどを使用してコーディングを行います。

デザイン納品

デザイン納品

 完成したWebサイトやモックアップを納品致します。
完成したWebサイトのサーバーアップロードや、デザインしたアプリの開発も弊社で行うことが可能です。
iOSアプリ開発についてはこちら
Androidアプリ開発についてはこちら

PageTop