Goalist Design Blog

Devtoolsでの作業が消える悲劇を二度と起こさないためのChrome65からの新機能!(「検証」の使い方入門:後編)

こんにちはミツイです。 先日はChromeのDevToolsについて書きましたが、今回はその続編としてChrome 65で新しく追加された機能について。 エンジニア(さらに言えばフロントエンジニア)が使うツールはUI・UXが優れたものが多いと思うんですが、ChromeのDevT…

LP制作を通してウェブマーケティングに関わってみたこと#2

こんにちは、レタスです。 去る5月に弊社サービスHRogチャートのLP作成の記事(前編)を書いたのですが、後編を書かないままにあれよあれよと月日が過ぎ去っていました…。 LPをリニューアル公開したのは6月。いいかげんブログ書こうと思います! 一応リンク…

はじめてのCSS flexbox使ってみた!

こんにちは。マスダです。この前まであんなに暑かったのにここ数日しれっと涼しくなってきましたね。秋ですね(という文章を書いたのはもう1週間前、ブログ途中まで書いて放置するのあるあるではないでしょうか、、)。 今回は社内報を作るにあたり、CSS初心…

cssが効かない!時のDevTools(検証)による原因究明方法

こんにちは、ミツイです。 cssを組む時にchromeの検証は必要不可欠ですよね。 ゴーリストではデザインチームがコーディングまで行うことが多いので、chromeのDevTools(検証)にはお世話になりっぱなしです。 下手したらillustratorとかSketchとかよりも使っ…

社内報作ってみた 後編 〜デザインとコーディング〜

こんにちは。マスダです。前回に引き続き、社内報制作について書いていきたいと思います!ラフについては前回書いたので、今回はデザインとコーディングについてです。 社内報はこちらからご覧いただけます。 ゴーリスト社内報ざっくりと説明すると、デザイ…

社内報を作ってみた 前編 〜制作のきっかけと、ラフ作成〜

こんにちは。マスダです。 まだまだひよっこでいつになったら自信が持てるようになるのかと日々悶々としています。そんな私が、6月の職種別研修で製作したものが7月頭にリリースされました!ゴーリスト初の社内報です!制作期間は1ヶ月。はじめて自分で1から…

HTMLは変えたくない!でも、レスポンシブで表示順序を変えたい。そんなあなたに贈るFlexbox tips

お久しぶりです。レタスです。前回書いたブログがなんと5月...だったことにびっくりです。すでに8月、夏真っ盛り。もはや残暑。皆さんは今年の猛暑は大丈夫でしたか?私個人の今年の夏はゆるくハイキングしたり、富士登山したり、川でSAPしたりと、野外で割…

新卒三期、ブログを書く(デザインチーム編)

こんにちは。この春に新卒で入社したマスダです。2ヶ月間の新卒研修を無事に突破して、6月からデザイン部に配属となりした。大学では樹木の研究をしていて、今までデザインというものに全く触れたことのない新参者です。これからもたまに登場すると思います…

デザインチームおすすめ本(vol.1)

こんにちは、ミツイです。 ゴーリストにはメンバーの自発的な学習や成長を支援、プロフェッショナル化を促進するため、書籍の購入を会社で負担する制度があります。 デザインチームでも、月に2冊くらいデザイン関連の書籍を購入して勉強しています。 デザイ…

LP制作を通してウェブマーケティングに関わってみたこと#1

お久しぶりです。レタスです。この前新卒さんが入社したと思っていたら、もうGWが終わって夏の気配がすぐそこに。季節の変化が早いです...! 今回は自社プロダクトのLP(ランディングページ)制作に関して進めてきたことを記事にしようと思います。ゼロイチで…

デザインスプリント入門(第2回)

こんにちは、ミツイです。 デザインスプリントワークショップについてのブログ、第2回です。 前回の記事を読んでいない方は、こちらからどうぞ。 http://design.goalist.co.jp/entry/2018/04/09/082234 デザインスプリントの流れをおさらいします。 今回の…

Facebook広告画像のルールを調べてみた

こんにちは。レタスです。 4月に入り、ゴーリストにも新卒3期目となる新人さんが入社しました。みんなフレッシュで良いですね。今年も色が濃そうなメンバーが勢揃いです。 さて、今回は弊社のキュレーションメディア、HRogのFacebook広告用の画像を作成して…

デザインスプリント入門

こんにちは、ミツイです。 っという間に4月になってしまいました。 「あ」とも言えないくらい早いです。 まだ寒い2月のことになりますが、株式会社ISAOさんという会社にデザインスプリントのワークショップを開いていただきました。 時が経つのが早すぎて…

ゴーリストのウェブサイトをリニューアルしました#3  ーメインビジュアル編ー

こんにちは。レタスです。 先日の投稿からすっかり日があいてしまいました。ご無沙汰してます。 ゴーリストの会社ウェブサイトリニューアル、メインビジュアル作成編について書きたいと思います。お付き合いくださいませ。 現在メインビジュアルに使っている…

ゴーリストのウェブサイトをリニューアルしました#2  ーゴーリストののれん編ー

こんにちは、レタスです。 最近陽が差すとぽかぽかですね。春の兆しですね。(喜び半面、花粉症で泣いてますが) 前回はゴーリストのウェブサイトをリニューアルするにあたって、何もないところからメンバーと代表へのヒアリング・インタビューを重ね、なんと…

ゴーリストのウェブサイトをリニューアルしました#1 ー会社のイメージを探る編ー

ご無沙汰してます。レタスです。今月19日にゴーリストの会社ウェブサイトをリニューアルしました。祝!実に企画書段階から約半年間?の紆余曲折(ほんとにいろいろありました)を経て、ついに完成までこぎつけました!祝! goalist.co.jp 第八期(2018/01~)から…

『櫻井稔さん(デザインエンジニア)卓話「人工知能とビッグデータとデザイン」』に行ってきました

『櫻井稔さん(デザインエンジニア)卓話「人工知能とビッグデータとデザイン」』に行ってきました 東京代官山ロータリークラブで開催された「人工知能とビッグデータとデザイン」のイベントに行ってきました。 https://peatix.com/event/350394 タイトル通…

CircleCI+Hugo+S3でサイトデプロイをしてみたらハマった。。

ゴーリストデザイン部のミツイです。 1月ももうすぐ終わりですね。 もう1年の1/12。。早いっ。 え〜、最近BTC(ビジネス、テクノロジー、クリエイティブ)型人材モデル1と言うものを知り、ビジネス×クリエイティブ、テクノロジー×クリエイティブという…

Sketchのカラーモードを編集する

明けましておめでとうございます。ナガタ改めレタスです。 2018年が始まり、ゴーリストでは先日メンバー全員で神田明神に行ってきました。神社へのお詣りは身が引き締まりますね〜。 Sketchで疑問だったこと 最近は自社HPのリニューアルを担当しているため、…

いまさらだけどSketchはいいぞをエンジニアに共有してみた

こんにちは。シミズです。 今月のHRogのFacebookカバーは12月Ver.とクリスマスVer.作りました。 クリスマス仕様は完全に趣味且つ勢いだけで作ってしまいました。 www.facebook.com ……もうちょっと凝りたかった… さて、ふろぐんトークはここまでにして今回は …

HRogマップVer.1.3.1のUI担当しました

お久しぶりです、ナガタです。 寒さが身にしみますね〜。ずっときてるコートが毛玉だらけなのが最近の悩みです。 さて、今回は今月(2017/12/13)アップデートしました、自社サービスに関連したお仕事について書こうと思います! 開発部の紅一点ことイイオさん…

限定ふろぐん ふえました

ご無沙汰しております。 サイレントどころかもはやステルス状態だったシミズです。 以前ご紹介した1日限定のふろぐんも良い感じに溜まってきたので、 ばばっとご紹介したいと思います。 (決して時間稼ぎではありませんヨ) ふろぐんとは、 design.goalist.c…

サービス紹介の資料を作ってみた A4フライヤー編その2

レタスデザイナーの資料作成・A4フライヤー編その2になります!後半戦もブイブイ行きます! 色面を作ってメリハリ 前回までは掲載情報の整理と、その重要度に沿った文字サイズの調整をしました。 その工程で、画面のあらかたの構成は完了しましたね。 前回ま…

サービス紹介の資料を作ってみた A4フライヤー編その1

こんにちは、デザイン部のナガタです。秋もだいぶ深まってきましたね。食欲がとまらない今日この頃です。 さて、今回は最近依頼されたサービス紹介の資料について書こうと思います。いや前も資料の記事だったじゃん、デザイン部の新人は資料ばっかり作ってん…

一括処理のUIをまとめてみた

こんにちは、ミツイです。寒いですね。もう極暖ヒートテック&コートです。真冬に何を着ればいいのか不安です。。 最近、一括処理のUIで迷うことがありました。一括処理とは、複数のアイテムに対し一括してあるアクションを行う操作。 Gmailのメール一括削除…

HRogのステッカーを作ってみた

こんにちは!デザインチームのナガタです。(漢気をみせてブログ3連続投稿です!そろそろターキー賞もらえるのではないでしょうか?!) さて、先月ちょろっと入った差し込み業務について今回は紹介したいと思います〜。 「ねえ、ふろぐんでパソコンに貼るス…

資料にこっそりワンポイント加えてみる

10月になり、いよいよ秋の気配が濃厚になってきました。どうも、ナガタです。秋晴れはとても爽やかで美しいです。 はてさて、新卒採用サイト記、ダラダラっと書いてるうちに完結してしまいました。 これからは業務で触れたことをちょこちょこ書き留めていく…

レタスデザイナー、コーディングをする

こんにちは、今月は出没度高めのナガタです。 新卒採用サイト制作シリーズ、ディレクター・デザイン業を経ていよいよ最終章へと向かいたいと思います。 前回までをおさらいしますと、メンバーの写真撮影を行い、写真の切り抜きを終え、どうにかこうにかトッ…

デザインに最も必要なものは健康である

こんにちはミツイです。デザイン、健康、、いきなりなんのこっちゃですね。ちゃんと順を追って説明します。 先日、ゴーリストのデザインチームでバリューを作りました。そもそも、ゴーリスト自体にミッション・ビジョン・バリューがあります。ミッションを「…

レタスデザイナー、メインビジュアル作成してみた ~写真加工編~

どうもこんにちは。ナガタです。 先日、社内メンバー(@東京)の個人撮影をしました。 下手っぴだけど撮影はとても楽しかったです。表情が良さそうな写真をいくつか選定して、メインビジュアルに使用する素材として切り抜いて使わせてもらいます。 し・か・し …