事例紹介
  • 全て
  • ウェブデザイン
  • プラットフォームソリューション
  • グラフィックデザイン

ワークス | ウェブデザイン

K-CONNEX 京都大学iPS細胞研究所 岩崎未央研究グループ

K-CONNEX 京都大学iPS細胞研究所
岩崎未央研究グループ

iwm_cira01
iwm_cira02
iwm_cira03
iwm_cira04

京都大学iPS細胞研究所　岩崎未央研究グループのWebサイト制作をお手伝いさせていただきました。
一般の方にもわかりやすいサイトにしたい、という先生のご希望から「たんぱく質くん」が細胞の中で働く様子をイラストに。

普段は目にできないiPS研究所の内部をどう伝えるか、
より多くの人に興味を持ってもらうためにはどうすれば良いか、を大切に考え制作しました。
PUBLICATIONSのページでは論文情報だけでなく当時の感想も掲載し
研究を知らない人でも読むのが楽しくなるようなページに仕上げています。


データ
URL https://www.cira.kyoto-u.ac.jp/iwm/
Release 2019/02
Smartphone レスポンシブ対応
Direction 廣瀬
Design 山本よ
Cording / Engineering 西田

ワークス | ウェブデザイン

DRAW A LINE | NEW LAMP SERIES

DRAW A LINE | NEW LAMP SERIES

img_drawaline_01
img_drawaline_02
img_drawaline_03

「一本の線からはじまる新しい暮らし」というコンセプトから生まれた、平安伸銅工業さんのDRAW A LINE。
プロダクト自体のデザインや機能性、素材感をしっかり伝えるため、シンプルなデザインで制作しました。
商品の特徴を紹介するコンテンツでは、
色々なランプとの組み合わせを楽しめることをgifアニメーションで表現しています。

データ
URL https://www.heianshindo.co.jp/draw_a_line/sp-lamp/
Release 2018/11
Smartphone レスポンシブ対応
Direction 柴田明
Design YULICO
Cording / Engineering 蔵多 / 佐野

ワークス | ウェブデザイン

京都LiQビル

京都LiQビル

img_liq01
img_liq02
img_liq03
img_liq04

広島県福山市にある金属部品メーカー株式会社キャステムさんが運営する、
CTスキャンや３Dプリント、試作品製作などの依頼や相談が可能な
ものづくりスペース「京都LiQビル」のWebサイトをお手伝いさせていただきました。

「京都LiQビル」には、たくさんの魅力的なコンテンツが詰まっています。
ユーザーが知りたい、キャステムさんが伝えたい情報が最初の1ページで伝わることを心掛け、
サイトの動線をどのように設計するか、サイトの更新性やアーカイブの仕方も一緒に考えさせていただきました。


データ
URL http://www.castem.co.jp/kyoto_liq_bldg/
Release 2018/11
Smartphone レスポンシブ対応
Direction 柴田
Design 下川
Cording 蔵多

ワークス | ウェブデザイン

株式会社ドルフホームズ

株式会社ドルフホームズ

img_dorf_top
img_dorf_build
img_dorf_build_detail
img_dorf_realestate

岩倉・国際会館エリアで長年不動産業を中心に
幅広く事業を続けてこられた「ドルフホームズ」さん。

不動産の売買・仲介の事業が中心のサイト構成でしたが
もっとドルフホームズの家づくりについて知ってもらいたいと
施工事例や家づくりの流れなどの新コンテンツを追加しました。

ドルフホームズさんの家づくりのこだわりをしっかり伝えること、
ビジュアルからイメージを魅せること、
アイコンやイラストを使って情報を整理することなどを考えながら
高級感があり、かつ温かみのあるページ作りを心がけました。

データ
URL https://dorf-web.net/
Release 2018/10
Smartphone レスポンシブ対応
Direction 中村
Design やまもと
Cording 西田 / 山本聡 / 谷口
Writing 梅澤

ワークス | ウェブデザイン

CAFETEL

CAFETEL

img_cafetel01
img_cafetel02
img_cafetel03
img_cafetel04

「三条からはじまる3人女子旅を3倍HAPPYにする旅物語」をコンセプトに
今年7月に京阪三条駅直結にOPENした女性専用HOSTEL「CAFETEL」さん。

国籍、見た目、言葉にとらわれない女性に楽しい時間を過ごしていただきたいと
ウェブサイトもピンクをベースにシンプル&カジュアルに仕上げました。

旅のプランを提案できること、
それぞれの言語でも楽しんで見てもらえること、
ビジュアルからイメージを魅せることなどを考えながら
思わず遊びに行きたくなるようなサイト作りを心がけました。


データ
URL https://cafetel.jp/
Release 2018/07
Smartphone レスポンシブ対応
Direction Marble.co / 中村
Design YULICO
Cording 黒田

ワークス | ウェブデザイン

株式会社坂ノ途中

株式会社坂ノ途中

img_ontheslope_01
img_ontheslope_02
img_ontheslope_03
img_ontheslope_04

環境負荷の小さな農業に取り組む人たちを増やすために
農薬や化学肥料を使わずに育てられた野菜の販売をされている坂ノ途中さん。

坂ノ途中さんが取引をされている農家さんたちの畑と同じく
サイトの中にも鳥や虫などの生き物がくらしています。

国内外でのプロジェクトやイベント、レシピの提案、
農家さんの紹介、一つひとつの野菜にまつわる色々なお話など
楽しいコンテンツをたくさん持っておられるので、
サイト全体の動線をどのように設計するか、一緒に考えさせていただきました。

OnlineShopでは、定期宅配の魅力をしっかり伝えること、
サイズや宅配周期を選べる商品の注文方法をわかりやすく整理すること、
スマホでも見やすく操作しやすいことなどを考えながら
色とりどりのお野菜の写真をいかしたページ作りを心がけました。


データ
URL https://www.on-the-slope.com/
Release 2018/08
Smartphone レスポンシブ対応
Direction 柴田明
Design やまもと / YULICO
Cording / Engineering 佐野 / 谷口 / 山本聡 / 西田 / 黒田