元制作会社のデザイナーが発注側でも活躍できる3つの理由｜KOEL Design Studio by NTT Communications｜note
こんにちは。KOELのUIデザイナーの荒砂です。突然ですが、KOELは2021年4月6日（火）にWebサイトをリニューアルしました。新しいサイトはこちらからご確認いただけます。 KOEL Design Studio by NTT Communications 2020年のKOEL発足から1年が経過し、メンバーも倍以上に増え、組織作りも急速に進みました。しかしこの変化をWebサイトで伝えられていないことが課題となっていました。刷新は急務となり、1月にリニューアルプロジェクトが発足。約2ヵ月という短期間で新Webサイトは生まれました。 今回のWebサイト、ビジュアルを一新するような「フルモデルチェンジ」ではなく、以前からの印象は活かしつつ、現状のKOELを漏れなく見える化した「マイナーチェンジ」に近いものになっています。支援領域、事例、メディア情報が集約され、KOELの情報発信の起点としての役
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
入社2年目で身につけたwebデザインの5つの習慣 | ベイジの日報
ベイジに入社して、もうすぐで2年目が終わる。案件を重ねていく中で、トップページのデザインを作るときに、多くの失敗と学びがあった。その経験から、習慣化したことがいくつかあるので、まとめてみようと思う。 1. ラフを書いてから手を動かす ベイジでは、デザイナーがwebサイトの各画面のワイヤーフレームを作成する。その際、ディレクターと認識を合わせるため、手書きのラフを書くことがある。 以前は、いきなりデザインを起こしていたのだが、1ページ作り終えた際に「全体のバランスが悪い、レイアウトが単調でメリハリがない」と指摘されることがあった。そこで、ワイヤーフレームを作成するときと同じように、デザイン着手前もラフを書くようにした。 すると、事前に全体像を俯瞰して見ることができるので、セクション間のバランスやレイアウトを確認できる。このときに違和感があると、絵に起こしても上手くまとまらないことが多い。慣れ
デザイナー1年目で学んだ5つのこと｜Ayaka Ikeda
少し投稿が遅れましたが、今年の8月から社会人2年目がスタートしました。 未経験のデザイナーとしてweb制作会社ベイジに入社し、この1年でどんなことを学んだのか軽く振り返ろうと思います。 まず今の会社は下北沢にある社員14人の会社。関わらせていただいた案件は「BtoBサイト、コーポレートサイト、業務アプリケーション」などです。 最近はベイジ制作ワークフローで言うと設計〜制作までを担当しています。 この記事ではwebサイトの設計やデザインなど普段の仕事を通じて、今後、他の職種に就いても、似たようなことが言えそうというものを実体験を元に5つにまとめてみました。 来年から制作会社や事業会社でデザイナーになられる方や、未経験でデザイナーへ転職される方などのお役に立てれば嬉しいです。 1. スキルがなければ王道から紐解く 2. 相手に質問するときに考慮したいポイント 3. 知識や経験不足による偏った判
ベイジのweb制作ワークフロー2018（140のタスクと解説） | ベイジの社長ブログ
ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ
エスカレーターで見た言葉にwebコピーライティングのヒントが隠されていた話｜Tomoyuki Arasuna
私が勤務するweb制作会社ベイジの最寄駅で、いつも利用する下北沢駅のリニューアル工事が着々と進んでいる。ここ数年その工事は佳境を迎え、駅構内の表情も時間の経過と共に刻々と変わっている。そんな中、小田急線のホームから改札階に上がるために新設されたエスカレーターでとある発見があった。 エスカレーターでは事故を防ぐために手すりを持つことを強く推奨している。エスカレーターの近くで「危ないので手すりをお持ちください」といった掲示を見たことがない人は居ないのではないか。 毎日利用するものなのでさほど危険性を感じないが、実は平成23～27年の5年間に東京都内で計6724人が救急搬送されているというデータがある。都内で毎日3件以上の事故が起きていると考えると、少ない数字ではない。 駅側も極力事故を防止するために、手すりを持つことを推奨しているのだろう。ではエスカレーターにどんな言葉が掲示されていれば、そこ
Webディレクターが知っておくべき新卒採用サイト制作のポイント - IMNSBLG
この3月から2018年度の新卒採用が本格化し、各企業の採用サイトが公開されています。 ここ数ヶ月間で進行していた採用サイトが先日に公開されたこともあり、Web制作会社のディレクターという立場から、制作する上で注意するべきポイントなどをまとめてみたいと思います。 採用サイトの目的は、質の高いエントリーを増やすこと 採用サイトは、企業の採用戦略上の課題を解決するための手段の一つであり、自社の戦略に適合する学生に認知してもらい、エントリーや説明会への参加といったアクションを起こしてもらう必要があります。採用戦略の目的としては、「求める人物像の学生を採用すること」になりますが、採用サイトでの目的は、「自社が定義する質の高い学生からのエントリーを増やすこと」になります。 新卒学生を対象とした採用プラットフォームとしては、リクナビやマイナビといった就活ポータルサイトが存在し、興味がある企業情報を閲覧し
独学・未経験でフロントエンドエンジニアになる方法 - tatsuyankmura
私は25歳の時に異業種から、Web業界に入りフロントエンドエンジニアになりました。 職業訓練校やスクールに通わず、知識ゼロの状態からフロントエンドエンジニアになるために行ったことや転職活動で使った求人サイト、面接で気をつけたポイントや意識したことをまとめてみようと思います。 これからフロントエンドエンジニアを目指している人、異業種からWeb業界への転職・キャリアチェンジを考えている方の参考になれば幸いです。 そもそもフロントエンドエンジニアとは 一般的にフロントエンドエンジニアとは、HTML/CSS/JavaScript/PHPなどを利用しWebサイトやWebアプリケーションの見た目や操作する部分を構築する人を指します。HTMLコーダーやマークアップエンジニアとの違いは、HTML/CSSの設計がメインの前者に対し、マークアップエンジニアはJavaScriptやPHPの実装、CMSや各種AP
ウェブ制作会社ベイジ
CLIENT トライバルメディアハウス様 WORK BtoBサイト制作 MODEL 池田紀行様・亀井大樹様・秋元祐花様 佐々木俊祐・塚元舞賀・他
意外とできてる会社ばかりではない！？Webデザインを行う前にすべき、Webディレクション作業まとめ。
こんにちはMUUUUU.ORGの中の人こと、QUOITWORKS Inc.のムラマツです。 最近はWebデザインと、グラフィックデザインが同時に発生する案件を絶賛募集しております！（宣伝） えーと今回は、Webのディレクションというのは正直決まったやり方が存在していないのが現状でありまして、 今の時代の業界標準を確認し直そうと思いまして「第一線のプロがホンネで教える 超実践的 Webディレクターの教科書」を参考に、改めてWebディレクションとは何をする仕事なのか、 Webデザインを始める前段階というところにフォーカスしてまとめました。 目次 前段：コミュニケーションはディレクターのメイン商品 1.ヒアリングをする 2.リニューアルの場合、現サイトの課題だしをする 3.コンセプトを作る（共通言語となる目標を決める） 4.ポジション設定をする（競合に対しての強みを見つける） 5.ペルソナ作り（
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
採用サイト｜東京のウェブ制作会社・ホームページ制作会社｜株式会社ベイジ｜baigie inc.
1 ADVANTAGE ベイジで働くメリット ベイジは他の会社と何が違うのか。ベイジで働くことはどんな意味を持つのか。応募者の方々が感じる疑問にお答えさせていただきます。 ベイジの特長 ベイジで得られる8つのこと 職種紹介 社内制度・イベント 2 VISIONS ビジョンと育成方針 私たちは、どんな職種・どんな業界でも通用する優秀で力強い人材の育成を目指しています。そんな私たちの考え方を詳しくお話しします。 業界の現状と課題 育成の基本方針 会社の将来像 2つの行動指針 3 MESSAGE 応募者へのメッセージ 今のあなたが取り組むべき本当に大切なことは何か。将来のキャリアを考えるうえで知っておくといい、私たちからのメッセージです。 代表メッセージ 先輩たちの声 採用の秘訣 失敗体験談
UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
企業メッセージのビジュアル表現（10の事例） | ベイジの社長ブログ
社会における存在意義を明確にしたり、ブランドイメージを確立する上で、企業メッセージというのは非常に重要な役割を担います。一方、多くの大企業のメッセージは抽象的であり、かつメッセージだけを消費者に届けることはなかなか難しいため、工夫を凝らしてビジュアルで表現し、テレビやWeb、紙媒体などで展開していたりします。 ここでは、そういった企業メッセージのビジュアル表現をいくつかピックアップし、そこにはどのような意図があるのだろうか、そしてクリエイターとしてはどういう点が参考にできるのだろうか、といったところを見ていこうと思います。 資生堂 資生堂のコーポレートメッセージは「一瞬も 一生も 美しく」。これは、2010年の映画公開にともなって展開された新聞広告のビジュアルです。 これは当時公開された映画『Flowers』の1シーンですが、ノスタルジックな白黒写真のトーンと伝統的な和装が、時代に流されな
デザインでWeb制作会社を選んで大失敗！よくある失敗例×7 | ベイジの社長ブログ
やはり好景気の波がやってきているのでしょうか。企業のWebサイトへの投資が活発になっているようで、検索エンジンで上位表示されている弊社には、ほぼ毎日新規の仕事の依頼が舞い込んできます。 とはいうものの、弊社のように有名ではない会社は、コンペで選ばれることが多いです。コンペ自体は、Web制作会社を選定する方法として、理にかなったやり方だと思います。しかし、コンペの選定条件などを拝見して、あぁ、これはWeb制作会社選びに失敗する典型だなぁ、と思うこともよくあります。 特に、デザインカンプ（と見積書）だけでWeb制作会社を選ぼうとする企業は、要注意です。恒常的にWebを活用している企業ならともかく、Webをどう使っていいか分からない、Webにそんなに詳しくない、というような企業や担当者がこの選び方をすると、失敗率がかなりあがります。 実際、私たちへの依頼の中には、過去にコンペをしてWeb制作会社
Webサービスを立ち上げるなら知っておきたい4つのビジネスモデル | ベイジの社長ブログ
わが社は受託が中心の会社ですが、自分たちでもWebサービスを作ってみたいと考えており、新しいWebサービスを日々模索してたりします。ただ、面白い企画を思いついても、じゃぁどうやってお金を稼ぐの？という段階で止まってしまうことも多いです。 出発点は思い付きでもアリと思うのですが、アイデアを煮詰める段階では、マネタイズに向きあわなければならなくなります。であるならば、Webサービスにおける典型的なビジネスモデルのパターンと特性は、基本知識としてある程度持っておいた方がいいんじゃないかな、などと思うようになりました。 というわけで、Webサービスによく見られるビジネスモデルの分類と特徴を整理してみました。だいたい以下の4種類に大別されるのではないかと思ってます。 アイデアは出しやすいが、膨大なトラフィックを求められる「広告モデル」 新規ビジネスを考える際に思いつきやすいのが、この広告モデルではな
ogino.ficc.jp: これからWeb制作に関わる人に読んで欲しい本・ブログ記事
これからWeb制作に関わる人に読んで欲しい本・ブログ記事 私たちWeb製作者の仕事は単にWebサイトを作ることではありません。Webサイトのマーケティング活用を通じてクライアントのビジネスに貢献することです。クライアントのビジネス成長なしに、私たちのビジネスは存在することはできません。単に「ものを作る」ということだけでは十分な存在意義にはならず、彼らのビジネスを理解し、成長に貢献することができなければ価値を生み出すことはできないのです。 残念ながら日本ではWebサイトのマーケティング活用について（又はより広く、デジタルマーケティングについて）学ぶ方法が少ないのが実状です。プロフェッショナルを創出する教育機関は無く、新社会人と現場の間には求められるスキルレベルの大きなギャップが存在します。このギャップは実務的なスキルの不足だけが原因ではないため、案件を通じたコーチングだけで埋めることもできま
Web制作をやってて、老後を安心して過ごせる貯蓄ができるのか？ | ベイジの社長ブログ
年始の社内打ち合わせで、会社の目標と各自の人生計画は繋がっているべきだ、という話をみんなで行いました。その中で特にこのテーマについて盛り上がったので、ブログにまとめてみました。 老後に必要なお金と年金について考えてみる あなたは、いくら貯金があれば、安心して老後を暮らせますか？ 私はファイナンシャルプランナーではないので、詳細は各自お調べていただくとして、様々な話をざっと総合すると、以下のような試算にまとめられます。条件としては、60歳で引退し、60歳から85歳まで夫婦で生きると仮定し、子育ては終わってて、家は持っている（ローンの返済は終わっている）場合です。 なんだか、思ったよりたくさん貯金していないと厳しそうですね。しかし安心してください。わが国には年金という制度があります。年金の受給額は人によって異なるので詳細はこちらも各自お調べいただくとして、現行制度を元に少し多めに、だいたい各自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公言すると夢が叶うこともあるお話
https://blog.lucky-brothers.co.jp/web%E5%88%B6%E4%BD%9C%E4%BC%9A%E7%A4%BE-%E3%83%99%E3%82%A4%E3%82%B8%E3%81%AE%E6%96%B0%E3%82%B3%E3%83%BC%E3%83%9D%E3%83%AC%E3%83%BC%E3%83%88%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB-web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81