SAMURAI-BLUE.COM -portfolio-

UI/UX

キャリアインターン

既存サービスのリニューアルデザイン。
現在ASPを利用しているため更新が難しいことから、情報の更新が簡単に行えるページ構成や、 学生向けに若々しくポップなイメージになるデザインにしました。

Illustrator、Photoshop、Sketch、Coda

トップ | 企業詳細 | http://careerintern.jp/(リニューアル作業中)

ものづくりBizDev

中小企業向け顧問サービス
製造系の会社向けで年齢層は高め

Illustrator、Photoshop、Sketch、Coda

全体

インターンシップ要項

インターンシップ募集のLP。
トップページのリニューアルを担当

Illustrator、Photoshop、Sketch、Coda

全体

新卒向け就活支援サービス

新卒学生向けの就活紹介サービスのLP。
学生の分野ごとにページを分けてよりリーチする内容になっています。

Illustrator、Photoshop、Sketch、Coda

全体 | 公開準備中

ProShare

比較的若いユーザーをターゲットに顧問登録を広げるためのサービスサイト。
M1M2がメインのためスッキリしたデザインです。

Illustrator、Photoshop、Sketch、Coda

https://ssl.pasonacareer.com/proshare/

スポット顧問

短期契約顧問サービス。
ベンチャー企業等をターゲットにスタイリッシュなイメージと、顧問らしい格調が欲しいとのリクエストがあり、ロゴや写真の選定などにこだわりました。

Illustrator、Photoshop、Sketch、Coda

提案資料 | 公開準備中

サマーインターン2016

サマーインターンシップの告知LP。
カンパニーカラーの赤を基調とした写真や色使いでテーマである「HERO」の力強さも表現しました。

Illustrator、Photoshop、Sketch、Coda

サイト

社長人

社長インタビューの動画サイト。
格調高く高級感を持たせるために落ち着いた色合いでどっしりしたデザインにしています。

Illustrator、Photoshop、Sketch、Coda

全体

アバターゲーム

アバターゲームマイページ。
アイコンからすべて制作しました。

Illustrator、Photoshop、Sketch、Coda

全体

ブログスキン-フォトアルバム-

実験的ブログスキン。
投稿者のブログ写真をランダムに表示するFlashヘッダ。
写真取得のAPI作成(Java)からAS実装、デザインまですべて一人で完結しています。

Illustrator、Photoshop、Flash

公開終了

ブログスキン-影絵-

実験的ブログスキン。
閲覧ユーザーが自分の好みに合わせて色や文字サイズなどを変更できるJSとの連動を実装。
Flashを用いた影絵アニメーションはデザインテイストとして珍しかったため非常に好評でした。

Illustrator、Photoshop、Flash

影絵サンプル(公開終了)

GIRLSGATE

F1層をターゲットにファッション・モデル・流行を取り扱った女性向けポータルサイト。
トップページのカレンダーはFlashで華やかな動きを取り入れました。

Illustrator、Photoshop、Flash

カレンダーサンプル(サービス終了)

SUPER SWEETS

辻口博啓シェフとおちまさと氏との共同運営で立ち上がったオリジナルスイーツのECサイト。
高級感かつおいしそうに感じる色使いを心掛けました。
立ち上げメンバーのため商品の物撮りや映像ディレクションまで携わっています。

Illustrator、Photoshop、Flash、Premire

サービス終了

@Woman

素敵に働く女性をターゲットにしたポータルサイト。
トップページのFlashアニメーションや、同事務所のタレントブログを表示するブログパーツなどのアニメーション、実装を担当しました。

Illustrator、Photoshop、Flash

サービス終了

↑PageTop