常に新しさを追求し続ける。designtopaboutdesignblogfilmscassettecontacttopaboutdesignblogfilmscassettecontact↑topdesigntopdesign常に新しさを追求し続ける。atelier-」のwebデザインwebtopdesign常に新しさを追求し続ける。atelier-」のwebデザイン常に新しさを追求し続ける。ヘアアトリエ)」さんのwebサイトデザインです。前職の後輩からの制作依頼だったのですが、SOURCEさんはJR天王寺駅の北口にも店舗があって、行ったことはなかったのですがなんとなく印象には残っていたので「あぁ、あのお店のwebサイトをつくるのか」と少し驚きました。実際に制作する前にまずは素材を集めるところからはじまります。店舗のサイトの場合、店舗の外観や内観の写真をまずいただくことは必須で、その写真の雰囲気をいかに伝えるかが重要だと思っています。お店をwebサイトを検索して訪問するということは「そのお店の何かしらの情報を知りたいから」であって、webサイトだけで完結するものでは決してありません。店内の雰囲気も働いているスタッフもどんなヘアスタイルが可能なのかもできるだけ伝えられるような・・まずそこを意識して制作することにしました。美容室のwebサイトですから、最終的なゴールはもちろん「サイトを見てくれた人が店舗に予約してくれること」ですよね。美容室の場合はホットペッパービューティに店舗ページを開設している場合が多く、さらにホットペッパー内で予約ができることがすでに知れ渡っているのでそちらに飛ばさない手はないだろうと、サロンやスタイルの詳細は基本的にホットペッパーのページへリンクさせるようにしました。ひとつホットペッパー内で難点だったのは、多店舗展開している美容室をまとめたページがないんですよね(あるのかな?見つけられませんでした・・)。いう意味では今回のwebサイトは各店舗の土台となる立ち位置になるので、制作する意味がありました。筆記体フォントを使用してスタイリッシュかつアクセントとして見せるボクの中では美容室のwebサイトはお店の写真と、ヘアスタイルの写真だけがいい雰囲気の中で載せられていたら基本的に良いものになるという妙な自信があるのですが(笑)、もう少しアクセントがあってもいいかなと筆記体のフォントを要所要所に使用することにしました。この手描き風の筆記体フォントを選んだのかというと、美容師さんがやることは基本的には人間の手がなせる技であるということと、少し女性らしさを感じる柔らかい印象のフォントだと思ったからです。アクセントとして使用するとしても、こういう風にちゃんとした理由を持って使用することは重要ですね。スクロールで動きのあるページに最近のボクのサイト制作ではよく使用していますが、今回のサイトでもスクロールでのアニメーションを採用しました。webページを下にスクロールしていく時に写真や文字がフワッと出てきたりすると、やっぱりそれだけで質が向上するんですよね。見ている人にとってもアクションがあると目に入って飽きさせないし、アニメーションは特にアパレルや美容室のようなブランドイメージ訴求の強いwebサイトには最適だと思います。これからも新しいアニメーションを取り入れつつ、煩わしさが出ない範囲で実装していきたいですね。デザイン、コーディング、wordpress構築すべて対応もはや当たり前ですが、今回のwebサイト制作にあたっての工程はすべてボク自身で手掛けました。レスポンシブデザインでのサイト制作。ここにきてPCとスマホだけでなく、タブレットにも対応したwebサイトを制作することが自分の中では当たり前になりました。atelier-のwebサイトはこちらから実際のサイトは下記のリンクよりご覧ください。※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。atelier-のwebサイトへ美容室のwebサイトははじめてつくりましたが、とにかく写真に対する意識が高く、モデルさんを起用した雰囲気の良いスタイル写真は当たり前なので制作側からするとかなりつくりやすかったです。クライアントさまも出来栄えにかなり喜んでくださったみたいで制作した甲斐がありました。ありがとうございました。ブログをご覧いただきどうもありがとうございます。ベンチャー企業のインハウスデザイナーとして11年間様々な媒体のデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います。(笑)他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。ブログをご覧いただきどうもありがとうございます。他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。moredesignグラフを活用した見せ方を。moreblog賃貸でもDIYできる。more数字を使ってユニークに見せる。moreタイポグラフィを載せてシンプルな名刺に。more人の写真でストーリー仕立てに。more罫線をうまく使って洗練された印象に。more数字を使ってユニークに見せる。moreタイポグラフィを載せてシンプルな名刺に。more人の写真でストーリー仕立てに。more罫線をうまく使って洗練された印象に。listデザイン作品一覧websiteLPlogoflyertshirtscardslideicongraphicグラフを活用した見せ方を。データ提供サービスのフライヤーデザイン2017年に取引先さまの営業担当者向けにエンジニアたちが開発したデータサービスのフライヤーデザインです。more2020.01.25.graphicクラフト用紙の風合いを生かしておしゃれに差をつける名刺デザインこの名刺は前職にいた頃に自社用に制作したクラフト用紙を採用した名刺デザインです。2015年から2018年の春ごろまで使用していたと思います。more2020.01.17.graphic【2020年の年賀状】懐かしのキャラクターをモチーフに制作したパロディステッカー...改めまして、明けましておめでとうございます(何回言うねん)。designをどうぞよろしくお願い申し上げます。more2020.01.09.web常に新しさを追求し続ける。ヘアアトリエ)」さんのwebサイトデザインです。more2019.12.17.webコーポレートカラーを全面に。(1)制作のご相談・お問い合わせはフォームからデザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。問い合わせフォームはこちらBUROKI(ブロキ)大阪でweb・グラフィックデザイナーとして活動しています。design」としてフリーランスになりました。日々の制作活動の合間にデザインのこと、作品のこと、プライベートのことなどブログで発信しています。thingデザインのことfavorite好きなことprivateプライベートthinkブロキ的考えfilms制作動画travel旅行シリーズ動画vlogビデオログcassetteカセットテープtapeテープplayerプレーヤーcontactお問い合わせsnsソーシャルinstagramインスタグラムyoutube専用チャンネル。