Riki

webデザインとコーディング勉強中の美大3年

Riki

webデザインとコーディング勉強中の美大3年

最近の記事

参考Webサイト(コーポレート)

その他のWorkを紹介する部分のスライドビューのデザイン参考 クリックしてページを移動しなくても、作品を一覧の中で閲覧できる点が魅力。動画で制作実績をまとめることができれば使用できそうです。 ホバーアニメーションと、切り抜きが印象的なサイト アニメーションや配色、マスク写真など派手ですが、全てHeightsというブランディングイメージに繋がっており、ブランドの印象が強く残ります。 イメージづけとレイアウトが綺麗で強いサイト ビジュアルでサービス内容や価値を伝える場合

    • サイト分析#39

      暖簾 中むら 概要 日本文化を重んじている暖簾屋さんの、事業や生地へのこだわりを知れるサイト。 ターゲット 暖簾制作を依頼したい人 構成 ヒーロームービー 暖簾についての説明 制作事例 生地見本 技法紹介 Topics よくある質問 Contact 良いと思ったところ ・暖簾に対してのコンセプトや説明があり、期待の高まりやこだわりを感じる ・クラシックで格調高いデザイン ・細い線で区切りをつけ、アクセントと高級感を出している ・明朝の書体で、ゴールドの文字を入れること

      • サイト分析#38

        窪田塗装工業 様 概要 塗装に関するサービスを提供する会社の紹介 ターゲット 外壁や屋根など、住まいの塗装をお願いしたい人 商品の塗装を検討している人 良いと思ったところ ・安定感のあるグリッドレイアウトデザインの中にアニメーションやイラストがあることで親しみやすい雰囲気になっている。 ・グリッドレイアウトにより、各要素の大きさが違っていても整列された印象を持つ。 ・イラストや写真で直感的にサービス内容や仕上がりがわかる。 ・余白も多く取られているため、圧迫感のないデザ

        • サイト分析#38

          2016/ 様 概要 有田焼の歴史と技術を継承する、グローバルブランドの紹介 ターゲット 有田焼に興味があり、そのルーツや商品情報を知りたい人 構成 About Designer Products News Shop List Contact 良いと思ったところ ・画像に下から伸びるように出現するアニメーションが付けられているため、画像に対しての視線を集めることができる。 ・クリックしたくなるような美しい写真 ・クリック後はローディングアニメーションなどなく、すぐ説明

          サイト分析#37

          株式会社KADeL / 富国ハウジング株式会社 様 概要 「建築は、未来を変えられる。」をテーマに、長く使い心地のいい家を提案し、提供する事務所の紹介。単に住宅を作りお客さまへ供給するのではなく、住まいを通じて暮らしをどう豊かにできるのか、その後のお客さまの人生にどう携わるのかを考え、家を建てる。 ターゲット 家を建てることを検討している方(マイホーム) その中でもデザインとその土地の環境に寄り添った家を建てたい方。 長年住む家だからこそ、健康にも考慮された家を建てたい方

          サイト分析#37

          サイト分析#36

          八木幼稚園 様 概要 豊かな自然と充実の設備が揃う千葉県の幼稚園、保育園の紹介。 ターゲット 入学検討者 在校生 卒業生 保護者 構成 幼稚園について お便り 園の特色 園での生活 入園案内 子育て支援 問い合わせ 良いと思ったとこ ・丸角の写真で柔らかい雰囲気に ・字の感覚が良い。読みやすい。緑色が「ノビノビ、イキイキ、スクスク」と合ってる。 ・スライドアニメーションに矢印、数の表示があるのがわかりやすい。 ・幼稚園は緑色、保育園は水色にしてわかりやすい。 ・補足説

          サイト分析#36

          サイト分析#35

          株式会社近畿地域づくりセンター 様 概要 「地域の発展、安全・安心な社会づくりに貢献する」ことを使命に、国土の利用や整備を高い技術力を持った建設コンサルタントとして推進する会社のサイト ターゲット 建設に関する調査や管理、設計を頼みたいと考えている近畿の人 構成 ミッションの説明 お知らせ 採用 問い合わせ 良いと思ったところ ・全体的に青っぽい配色で堅実で誠実なイメージ ・所々に入れられた近畿地方のイラストから、地域に寄り添ったサービス提供の狙いを感じる ・全ての写

          サイト分析#35

          サイト分析#34

          貝印 様 概要 毛に悩みを持ち始めたけど正しい剃り方がわからない人のために作られた本を宣伝するサイト。 ターゲット 毛で悩み始める小学生高学年くらいの子供。 構成 ファーストシェイブブックの紹介 どうして作ったか どこでもらえるか 商品紹介 良いと思ったところ ・カミソリを売る会社が剃る自由を掲げるのがインパクトがあった ・はっきりした色合いを使い、ポップで元気溢れるデザインになっている。 ・キャラクターの年代が、ちょうど毛のことを気にする年代であり、親近感を持ちやす

          サイト分析#34

          サイト分析#34

          無二保育園 様 https://munihoikuen.net 概要 無二保育園の紹介 ターゲット 入園を検討している方 入園している子供達の保護者の方 卒園した子供達の保護者の方 無二保育園の採用を検討している方 構成 園について 入園を検討中の方へ 園舎紹介 園の一日 行事紹介 お知らせ 良いと思ったところ ・透過した丸い園の上に見出しの文字が一文字ずつ重なっており、丸みのある優しい印象に。丸いパーツが多く、親近感や可愛らしさを出している。 ・露光量が多く、明度の

          サイト分析#34

          サイト分析#33

          リリオンテ 様 概要 ラムネにチョコレートをコーティングしたお菓子を宣伝するサイト ターゲット 見た目が可愛いくて美味しいお菓子を探している人 お菓子好きな人 食べたことのないような新しいお菓子を探している人、興味がある人 構成 news about line up gift shops business  online shop 良いと思ったところ ・商品が飛び出てくるようなアニメーションは見ている人をワクワクさせ、商品に対しての期待と興味を高める ・「チョコとラム

          サイト分析#33

          サイト分析#32

          株式会社OPE×PARK 様 https://www.opexpark.co.jp 概要 手術のデジタル化で世界中のどこでも最善の手術を安心して受けられるよう手術教育サービスを提供する会社 ターゲット 手術の知見を広げ、より多くの患者を助けたいと考える医師の方 構成 mission product news team  recruit 良いと思ったところ ・白やグレーの無彩色を使いながら青のアクセントカラーでロゴやアニメーションを入れることで、クールで先進的なイメージ

          サイト分析#32

          サイト分析#31

          株式会社アダコテック 様 https://adacotech.co.jp 概要 製造業向けに異常検知AIソフトを提供する会社のサイト ターゲット 人手不足に悩んでいる、製造業を営んでいる人 検査・検品を機械を使って効率化したいと考えている人 構成 about us service technology  company recruit news contact 良いと思ったところ ・「モノづくり」の部分だけ手書き文字にすることで作り手としてのこだわり誠実さを感じる。

          サイト分析#31

          サイト分析#30

          Y'sデンタルクリニック(審美治療・部分矯正・精密歯科)|名古屋・栄・歯科 様 https://www.ys-dc.jp/ 概要 清潔に見える美しい歯のサポートを提供する歯科クリニックのサイト。 ターゲット 長く使う歯だからこそ、「機能」にも「審美」にも拘って治療を受けたい患者さん。 構成 promise menu case doctor news access いいと思ったところ ・エレガントで気品あふれる、透明感と清潔感のあるサイト ・写真も白の部分が多く、余計な色

          サイト分析#30

          サイト分析#29

          シェフのおいしいつながり | 一般社団法人 自然と自然派 様 概要 シェフたちが大好きな品々、大切にしている人々やお店を紹介するサイト。 ターゲット レストランだけでは知れないシェフが日常で使っている料理、食材、調理道具などに興味がある人。 構成 about  stores tickets topics いいと思ったところ ・丸い形をしたものが集まってくるアニメーションは、美味しいものでつながる人々やゴロゴロとした食材を表しているようで親しみやすさを感じるデザイン。

          サイト分析#29

          サイト分析#28

          ミルラシュエット 様 https://mille-la-chouette.jp/ 概要 ウエディングブーケなど、結婚式で使われるようなアイテムを販売する通販サイト ターゲット 式を開く中で感謝のアイテムを両親やお世話になった方に送りたいと考えている人 いいと思ったところ とても可愛い ・ローディングアニメーションは英文字のロゴが描かれるおしゃれなデザイン。 ・茶色っぽい文字色と、薄ピンクや青の背景があいまり、みにくるお客さんが幸せでワクワクしそう ・フッターには住所や電

          サイト分析#28

          サイト分析#27

          久留米のピラティススタジオ『BLUE PEARL』 様 https://bluepearl.jp/ 概要 ピラティススタジオ「BLUE PERAL」 ターゲット 西鉄久留米駅の近くに住んでおり、ピラティスに興味がある人 構成 HOME  sbout us course studio schedule access いいと思ったところ ・ロゴや背景に使われている水彩画が透明感を出している ・青い文字が柔らかく清潔な雰囲気に合っている ・角のない丸っぽい文字で親しみやすさ

          サイト分析#27