Loading... smooth and friendly™ design Tokyo / スムフレ
img-mainvisual

Service


目的達成・課題解決・ビジョン実現のために、 グラフィックデザインを提供します

Graphic Design forYour Goal, Issue & Vision

Graphic Design is ...

  • Web Design

    - Corporate Site
    - Landing Page
    - Service Site

    etc

  • UI Design

    User Interface

    - Smartphone APP
    - Web Service

    etc

  • Brand Design

    - Logo Design
    - Name Card
    - PPT Documents

    etc

情報を視覚的に第三者へ伝えることで重要なのは、美しさや分かりやすさは元より、そのツールが果たすべく目的の達成や、抱えている課題の一面を解決することと考えます。チラシやパンフレットを制作するのは、商品の認知拡大や詳細な情報の伝達のため。配布方法や配布対象者(ターゲット)によって、掲載内容やアプローチ方法は異なると思います。またウェブサイトにおいても、顧客の新規獲得と会社情報の伝達であれば、掲載内容やサイト構成・コンテンツも異なるかと思います。もちろんサービスサイトであれば、求めるコンテンツの誘導やコンバージョンの意識も必要です。

そのためデザイン・制作だけではなく、同じゴールを見据えながらそのツールに求められる、目的達成のために必要な形態・有効な情報の掲載や、情報提供者・閲覧者の両者にとってメリットのある誘導などのご提案・擦り合わせを行いながら進行したいと考えております。


グラフィックデザインの提供がゴールではなく、事業やサービスの成長・躍進に寄り添っていきたいと考えております。

Solution Flow

  • Step_01

    ヒアリング

    解決したい課題や問題をヒアリングし、現状を確認します。対象物の利用者・閲覧者の確認も行い、対応の方向性を検討します。仕上がりデザインの印象についてのご要望がございましたら、その要望も伺います。口頭での伝達やテキストベースのA4用紙1枚程度の資料でも対応いたします。事前資料のご用意や言語化が難しい場合は、ヒアリングシートのご用意もございます。解決したい課題や問題をお気軽にお申し付けください。

    Output
    課題・問題点整理
    想定利用者・閲覧者(ターゲット)整理
  • Step_02

    概算お見積もり・スケジュール作成

    ヒアリングを元にサイトマップや画面遷移図・台割など、対象物を俯瞰的に確認できるものを簡易的に用意・作成し、それを元に概算お見積もり・スケジュール案を作成します。大規模サイトやアプリUI制作の場合は、時給での換算も行います。

    Output
    概算お見積もり
    進行スケジュール案
  • Step_03

    ワイヤーフレームやラフ・サイトマップ制作

    概算お見積もり・スケジュール案に合意をいただいた元に、全体とページ・画面ごとの設計を開始。まずそれぞれのページ・画面に掲載が必要の要素を洗い出・検討を行い、形にします。両者で合意に至ったのちに、ワイヤーフレームやラフの制作進行を行います。それと同時にサイトマップや画面遷移図も適時ブラッシュアップしつつ進行します。
    フロントローディングでの進行を念頭においているため、ページ・画面ごとの掲載要素の検討やワイヤーフレーム制作段階では、活発な議論・意見交換・新たな方向性の模索などが行われます。この段階でよく検討・検証することにより、あと工程での仕上がりが高まり、最終的な品質も高まります。またフロントローディングを実施ことにより、後工程での修正発生の減少やその修正に伴うコーディング・開発・実装の軽減も期待できます。

    Output
    ページ・画面ごとの掲載内容一式
    ワイヤーフレーム・ラフ一式
    お見積もり
    進行スケジュール
  • Step_04

    デザイン制作

    ワイヤーフレームやラフ内容での合意の後に、デザイン制作を行います。制作ボリュームに応じて、アシスタントさんと共に進行し、すでにロゴやCI・BIなどのご用意がある場合は、そのデザインシステムに準拠し制作。こちらで新規にロゴ制作やデザインシステムの構築も対応いたします。

    Output
    デザイン一式
    デザインシステム
  • Step_05

    コーディング・実装・各種確認 / テスト

    デザインが確定後、連携しているコーダーさんやご指定の開発者の方でデザインデータを共有します。テストサイトやテストアプリでの表示た動作確認・修正や改善提案も行います。
    印刷物の場合は、入稿作業の対応も可能です。

    Output
    確認用テストサイト
    入稿用データ作成
  • Step_06

    納品・公開・リリース

    各種確認・テストが完了した後に、納品・公開作業を行います。ご指定のサーバーや環境にデータをアップし公開・リリースや、可能な場合はデータでの納品も行います。

    Output
    公開作業
    納品データ一式

フロー・進行工程でご不明な点がございましたら、お気軽にお問い合わせください。

Direction skill

Direction skill

企画書や各種ドキュメント・口答でのヒアリング・ツールへのアイデアなどから、ラフの作成・コンセプトのご提案などを行います。冊子であれば台割、ウェブサイトであればサイトマップ作成など、全体俯瞰図を作成し、デザイン・制作にあたっての必要業務・アクションの洗い出し・進行管理・アートディレクションを行います。

  • 進行管理

    進行管理

  • アートディレクション

    アートディレクション

  • Webディレクション

    Webディレクション

Design skill

Design skill

  • ウェブデザイン

    ウェブデザイン

    新規構築・リニューアルともにウェブサイトに求める役割をお伺いし、ワイヤーフレーム・サイトマップを制作。掲載内容を両者で確認の後、デザイン制作をいたします。

    パートナーのコーダーと連携し、新規コーディングでの構築は元より、WordPressの利用・レスポンシブデザイン・スクロールアニメーションなど、さまざまな表現・技術に対応いたします。

  • スマホアプリ・ウェブサービス/ UI

    スマホアプリ・ウェブサービス/ UI

    スマートフォンアプリ・ウェブサービスが果たすべく目的や、解決すべく課題を伺った後にモックを制作いたします。

    すり合わせを行いながらサービスのUXを検討・設計し、各画面での必要機能・掲載内容を確認の後に、UIを制作いたします。

  • スマートフォンアプリ UI

    ロゴ・ブランドデザイン

    企業ロゴやサービス・ブランドのロゴなど、そのロゴが表現すべく想いや役割、またネーミングの由来などをヒアリングののちにラフを作成。表現の方向性・役割を両者で擦り合わせののちに、ロゴのデザイン・制作を行います。

    ロゴ制作後、名刺・封筒への展開などのグラフィック面でのCI・BIなどのブランドデザインも行います。パワーポイントのテンプレート制作、デザインブラッシュアップも承ります。

  • 広告・印刷物

    広告・印刷物

    制作目的を伺った後にラフをご提案。擦り合せた後に、デザイン制作をいたします。

    A4フライヤーは元より、パンフレットなどの複数ページのものであれば台割りの作成から行い、雑誌広告・セールスプロモーションツールなどの制作も行います。印刷の手配も可能です。

home iconHome Service