制作事業

Creative Depertment

Features

Rubyに特化したVarealだから
デザイナーもRubyist

詳細を見る

美しいだけではない機能的UI/UXと
正しいコーディング

詳細を見る

WEBだけでなく
グラフィックデザインも

詳細を見る

Web Development

Ruby

Rubyに特化したVarealだから、デザイナーもRubyist。
だからRuby・WEBシステム開発に強い。

バレアルではデザイナーもRuby / Ruby on Railsを学び、Ruby技術者認定資格を取得しています。
そのため、外部のデザイナーに依頼することなく、デザイナーとエンジニアの間にある溝を埋めることができ、
社内でワンストップでデザインから開発までの工程をスムーズに行うことが可能です。

Ruby on Rails

バレアルではこれまで、以下のようなプロジェクトで、技術部門のシステム開発に加え、
制作部門でインターフェースデザイン、フロントエンドの部分での組み込みを行なった実績があります。

  • 年末調整会計ソフト
  • TV局動画配信サービスサイト管理システム
  • メッセージングサービス

etc.

Web Design

Ruby

美しいだけではない機能的UI/UXと正しいコーディング。

WEB標準での正しいコーディング、アクセシビリティ、ユーザビリティを考慮したサイト作りを目指しております。
厚生労働大臣指定試験機関国家資格1級ウェブデザイン技能士 在籍)

ただ美しいだけではなく、お客様のご要望に合わせた、 使い勝手の良いUI/UX、機能性を重視して制作にあたっています。

Design Examples

希少疾患関係者SNS 「RareS.(レアズ)」
希少疾患関係者SNS 「RareS.(レアズ)」

希少疾患関係者SNS「RareS.(レアズ)」

株式会社 クリニカル・トライアル 様

希少疾患の患者・家族、患者会・コミュニティ、医師、専門家などの関係者向けの情報交換の場としてSNSを開設。
デザイン面では、ロゴのカラーを基調にした、清潔感や信頼性のある色使い、体の不自由な方にも操作性の良いUI/UXを心がけました。

使用言語:
slim, css, Ruby, JavaScript
フレームワーク:
Ruby on Rails, Bootstrap
対応デバイス:
PC, SP, タブレット
URL:
https://community.raresnet.com/

IT-Manager SD(アイティマネジャーサービスデスク)

ハイブリィド株式会社 様

情報システム部門の担当スタッフ向けのヘルプデスクのUI/UXデザインを当社のデザイナーが担当いたしました。
情報システム部門の社内システムでは、電話やメール・対面といった日々の問い合わせに関わる対応が少なくなく、このシステムを導入することにより、そういった問題を可視化し、生産性を向上させることが可能となるサービスです。
サービス内容からイメージされる、ハイクオリティでシンプルモダンなイメージで、ロゴのカラーに合わせた爽やかなブルーを基調としたUIと、使い勝手の良いUXを目指しました。

使用言語:
HTML, css, JavaScript, Ruby
フレームワーク:
Material Design for Bootstrap, Ruby on Rails
対応デバイス:
PC, SP, タブレット
URL:
https://www.hiblead.co.jp/service-desk.html
IT-Manager SD(アイティマネジャーサービスデスク)
RubyistBizメディア

RubyistBiz本サイト
https://rubyist.biz/

RubyistBizランディングページ

RubyistBizランディングページ
https://rubyist.biz/

Vareal(株)2019年度新卒採用情報サイト

Vareal(株)2019年度新卒採用情報サイト
https://www.vareal.co.jp/recruit/2019/

Vareal(株)中途採用情報サイト

Vareal(株)中途採用情報サイト
https://www.vareal.co.jp/recruit/career/

SNS / WEB service

Facebook
Twitter
Instagram

今や、SNSによる広告戦略は必要不可欠なものとなりました。
Facebookページやtwitter、instagram、LINEなどのSNSを使用した販売促進、
その他WEBサービスの導入についてもご相談に応じます。

Graphic Design

WEBだけでなくグラフィックデザインも。

パンフレット、チラシやポスター、名刺、商品パッケージ、Tシャツ、ステッカーなどの広告全般、
販促物のデザインも対応可能です。
WEBと紙媒体を連動させたデザインが可能です。

販促物:Tシャツ

VarealスタッフTシャツ

Varealステッカー

Varealステッカー

Vareal採用情報パンフレット

Vareal採用情報パンフレット

Vareal会社案内

Vareal会社案内パンフレット

Varealリクルーティングポスター

Varealリクルーティングポスター

RubyistBiz A4サイズチラシ

RubyistBiz A4サイズチラシ

Flow

ご依頼から公開までの流れ

バレアルでは企画からデザイン、設計・開発、移行運用保守まで一貫してワンストップで行います。

  • お客様: STEP 01
    お問い合わせ・ご依頼

    お電話、メール、SNSを通してなど、まずはお気軽にお問い合わせ下さい。

  • Vareal: STEP 01
    お問い合わせへのご回答

    担当者よりお電話またはメールにてお問い合わせへのご回答・ご連絡をさせていただきます。その際、簡単なヒアリングをさせていただきます。内容は 制作種類(WEB・紙媒体等) / 規模(ページ数)/ 契約形態 / 希望納期 / ご予算 等 です。

  • お客様: STEP 02
    ヒアリングシートご記入

    ヒアリングシートをお送り致しますので、初回打ち合わせまでにご記入・ご提出ください。

  • Vareal: STEP 02
    初回打ち合わせ・ヒアリング

    直接お会いする、またはネットを介してテレビ電話で、初回の打ち合わせを行います。
    最初の簡単なヒアリングの内容や、先に記入していただいたヒアリングシートに基づいて、お客様のご要望に最適なご提案をさせていただきます。

  • Vareal: STEP 03
    調査・お見積もり

    今までのヒアリングやご提案内容から、正式なお見積もり額を掲示させて頂きます。
    ※お見積もりの時点では、まだ料金は発生致しません。

  • お客様: STEP 03
    ご発注、素材・資料・原稿のご提供

    お見積もりをご確認いただき、ご依頼をいただく場合はご発注・ご契約をお願いいたします。
    その後、素材・資料・原稿などのご提供をいただき次第、制作、開発に取り掛からせていただきます。

  • Vareal: STEP 04
    工程表・サイトマップ作成

    正式にご発注いただいてから、工程表やサイトマップを作成いたします。
    その後、制作・開発に取り掛かります。1〜2週間ごとに進捗報告をさせていただき、必要に応じて使用の調整をいたします。

  • お客様: STEP 04
    工程表・サイトマップご確認

    工程表・サイトマップをご確認いただき、打ち合わせが必要であれば行い、不明点や問題がないかなどお伺いいたします。

  • Vareal: STEP 05
    制作・開発開始(トップデザインラフ案)

    問題ないようであれば、その工程表・サイトマップに従って制作・開発に取り掛かります。

  • お客様: STEP 05
    デザインラフ案のご確認

    ご要望に沿って制作したデザインのラフ案をご確認いただき、方向性や雰囲気などがあっているか、意識のすり合わせを行い、微調整を行います。

  • Vareal: STEP 06
    デザイン方向性決定、引き続き制作・開発

    デザインの方向性が決まったら、下層ページや残りの部分も制作・開発を進めていきます。
    1〜2週間ごとに進捗報告をさせていただき、必要に応じて使用の調整をいたします。

  • お客様: STEP 06
    デザインのご確認

    1〜2週間ごとに進捗報告をさせていただきますので、ご確認いただき、修正・変更・追加等あればご連絡ください。
    必要に応じて仕様の調整をいたします。

  • Vareal: STEP 07 テストアップ

    テストアップをいたしまして、全体的なデザイン、内容に間違いがないか、遷移の動きやシステムの不備不具合がないか等チェックを行います。また、各デバイスでの表示や動きも確認しいたします。

  • お客様: STEP 07
    テスト環境でのご確認

    テストアップ後ご連絡いたしますので、全体的なデザイン、内容に間違いがないか、遷移の動きやシステムの不備不具合がないか等ご確認をお願いいたします。

  • Vareal: STEP 08 本番環境で公開

    最終確認を行って、本番環境でアップし公開致します。
    ドメインなどの切り替えが必要な場合は手続き等に時間がかかることがあります。

  • お客様: STEP 08
    本番環境でのご確認

    本番環境でのご確認を行なっていただきます。
    CMSやシステムのレクチャーが必要な場合は担当者がお伺いしてレクチャーいたします。

  • Vareal: STEP 09 運用・保守

    リリース後は1〜2週間ごとに使用感や改善点を伺い、調整・改善を行うとともに、運用・保守を進めていきます。
    改善後の状況を確認しつつ、よりよいサイトヘトアップグレードしていきます。

  • お客様: STEP 09 運営・更新

    CMSなど場合、更新作業などを行なっていただけます。
    不明な点・不具合がありましたらいつでもご連絡ください。
    追加のご依頼・ご相談もお気軽にお問い合わせ下さい。

お気軽にお問い合わせください。