13.STUDIO#1日1サイトレビュー
【サイトの目的】
ノーコードデザイン作成サービスSTUDIOの登録者を増やす
【ターゲット予想】
WEBサイトのデザインを担当するデザイナーやデザインはできてもコーディングに苦手意識を持っているフリーランスなど
【ファーストビュー】
トップではデザインの制作画面とともに、複数のアカウントが会話を通じて改善案や修正箇所を指摘している様子が映し出されている。「作業ができる」ことをアピールしている。
「デザイン、公開、CMSまで、すべてがここに。」というキャッチとともに「無料で始める」という文言でCTAが設置されていて、「デザインをWEBに起こすサービスを提供している」とすぐわかる設計になっている。
【全体的な印象】
トップ以降はサービスの紹介に移る。まず紹介映像を配置。コンテンツの見出しは暗い無彩色(#111111)に太ゴチ(h1,47px)で「Webサイト作成のすべてを、１つの場所で」「さらなる自由を創造力に」「１クリックで完了です」などと、迫力ありつつ親しみのある文体で語りかけている。
【サイト全体の構成（主なクラス名や状態）】
・header(fixed)
・video(.vp-putro-wrapper)
・複数人で作業(.remote)
・デザイン(.craft)
・公開(.product.launch)
・運用(.grow)
・footer・header(fixed)
・video(\.vp-putro-wrapper)
・複数人で作業(.remote)
・デザイン(.craft)
・公開(.product.launch)
・運用(.grow)
・footer
【フォント】
en : “Bad Script"; sans-serif
ja : "新ゴ R";
【コンテンツ】
見出しの太さや文体がAppleのブランドサイトと酷似している。Appleの見出しは”SF Pro JP”でfont-weight:600; backgroundは#000000
STUDIO
【スタイル】
CTA含めフラット、見出しはfont-weight:900と太め
この記事が気に入ったらサポートをしてみませんか？