記事一覧
『#デザイナーさんに10の質問』答えてみました!!
こんにちは! 株式会社Wiz、UI/UXデザイナーの野口です。 なにやら素敵な試みを見つけたので、自己紹介兼ねて #デザイナーさんに10の質問 に答えてみました! 基本情報 …
gulpって何?gulpについてまとめてみました
こんにちは。デザイナーのnoguchiです。
私の仕事はメインはデザインですが、LPなど小規模サイト等のコーディングを行うことがあります。
そこで、今回弊社のフロントエンドがバリバリ使ってる「gulp」ついて調べてみました。
というのも、私自身もgulpを詳しく知らずに使ってるとこがあるので、改めて学んでいこうと思います。
gulpとは?
gulpとは、Node.jsをベースとしたタスクラン
Wiz デザイナーアウトプット会(3月3週)
弊社では毎週1回、アウトプット会を実施しています!
内容は、勉強会(内部or外部)に参加したことや、いいと思った記事の共有や、本を読むでも何でも自由です。
クックパッドのヘルプサイトリニューアル▶︎クックパッドのヘルプサイトリニューアルでユーザーと運用の両方が楽になる体験を設計した話
旧と新のUIが全然違う!
質問数を減らし、見出しを目立たせることによってユーザーにとっても情報の理解も早まる。
『#デザイナーさんに10の質問』答えてみました!!
こんにちは!
株式会社Wiz、UI/UXデザイナーの野口です。
なにやら素敵な試みを見つけたので、自己紹介兼ねて #デザイナーさんに10の質問 に答えてみました!
基本情報
佐賀県出身(SAGA)
福岡市在住
子供2人
デザイナー歴10年 制作会社3社→インハウス(今ココ!)
一応コーディングできるデザイナー。(でも今は、分業のため全く触ってません)
Q1:デザイナーになったきっかけ
リモートワーク勤務でもチームとの距離を感じないワケ
こんにちは、株式会社Wizでデザイナーをしている野口です。
以前は毎日出社していましたが、今は基本リモートワークで在宅勤務していて、必要に応じて出社します。
出社してた頃からリモートワークになった今でも、首都圏在住のチームの皆さんとの距離は感じておらず、パフォーマンスも差し支えないと思っております。
なぜ私がチームとの距離を感じず働けているのか、弊社のクリエイティブチームでのリモートワークでの働
2020年、コロナ禍で変化した異業種間での取り組んだ施策を公開!
こんにちは。webデザイナーの野口です。
今年も残すところ、あとわずか…。
今年はずっとコロナの話題でしたね。
我々もコロナの影響で働き方が変わり、テレワーク(リモートワーク)へと変わりました。
テレワークへと変わり、実際にやってみた取り組みについて今回ご紹介したいと思います。
取り組みをやるにあたった経緯
よく仕事上やりとりをするデザイナーとフロントエンドですが、仕事を一緒にしていく上で
webサイト制作に必須!デザイン×心理学4選
こんにちは。デザイナーのnoguchiです。
デザインを作っていると、「どんな構成や見せ方がいいのかな?」など悩むことはありませんか?
そんな時、心理学的な観点がヒントになるかもしれません。
心理学をうまく利用することでデザインに活かすことも可能なんです!
そんなデザインをする上で困った時に使える『デザインに関わる心理効果』を調べてみました。
アンカリング効果アンカリング効果とは、はじめ
保活の実体験!認可外保育園って実際どうなの?
こんにちは。webデザイナーの野口です。
いきなりですが、つい先日引っ越しました。
1年半前に引っ越したばかりだったのに…です。
福岡→熊本→福岡と帰ってくることに。
転勤族のパートナーを持つ身で仕方ないとはいえ、転勤と聞いた時、真っ先にどうしようと思ったのは保育園問題です。
現在、うちには1歳・2歳の子供がおり、私は時短で働いています。
今年の4月から職場復帰し、認可保育園に通わせてま
ノーコードツール「STUDIO」を使ってLP作ってみました
こんにちは。webデザイナーしてますnoguchiです。
最近ノーコードやらローコードという言葉、よく耳にしますよね。
ちなみに、
「ノーコード(NoCode)」とは、技術者ではない人でもコード、プログラミング言語を書くことなく、Webサービスやアプリケーションを構築することができるソフトウェア開発プラットフォームです。
ノーコードツールを使い、機能ごとのパーツをドラック&ドロップで配置し
画像フォーマットのWebPって何?
こんにちは。webデザイナーしてますnoguchiです。
普段、サイトを作ったり、ページを作る上で画像を使いますよね。
よく使う画像フォーマットは、jpg、png、gif、svgあたりかと思いますが、次世代フォーマットと呼ばれている「WebP」というものがあるのを皆さんご存知ですか?
(そういう私も知らなかったので…)今回は、「WebP」についてまとめていきたいと思います。
WebPって何?
Webアクセシビリティまとめ【後編】
こんにちは。デザイナーのnoguchiです。
前編ではWebアクセシビリティとは何なのかについて、そして、前回はデザイナーする上でのWebアクセシビリティについてまとめました。
最終回の今回は制作していく上でより実践的なWebアクセシビリティのチェックツールについてご紹介します。
色の確認ツール
「ColorTester」
2色のコントラスト比を計算し評価するツールです。
視覚に障がいがあ
Webアクセシビリティまとめ【中編】
こんにちは。デザイナーのnoguchiです。
さて、前回の前編ではWebアクセシビリティとは何なのかについて書きましたが、今回はデザイナー向けのWebアクセシビリティについてまとめていきたいと思います。
\ 前編はこちらから /
どこまでWebアクセシビリティに対応するか決める前編でご紹介したように、Webアクセシビリティのガイドライン・規格には、国際的にWCAG 2.0(Web Conte
Webアクセシビリティまとめ【前編】
こんにちは。デザイナーのnoguchiです。
Webデザイナーとして長いことお仕事させていただいてますが、ふとアクセシビリティについて考えてみました。
というのも以前そういったサイトに関わっていた時はアクセシビリティについて勉強してたのに、今やすっかり抜け落ちてる部分が多かったので、備忘録も兼ねて自分の中で噛み砕いて記していきたいと思います。
Webアクセシビリティとは何?
まずはWebアクセ