コーポレートサイト ブランドサイト･サービスサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 スマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療･薬 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･

「この企業のコーポレートサイト、シンプルで分かりやすい！」と感じたことはありませんか？ そんなサイトだとつい引き込まれて読み入ってしまいますよね。 コーポレートサイトには、会社概要や事業内容、製品やサービスの紹介はもちろん、経営トップからのメッセージや採用関連情報など、掲載すべき情報がたくさんあります。 しかし、多くの情報を見せようとすると統一性に欠け全体のバランスが悪いデザインになってしまいがちです。 それぞれのコンテンツがどこにあるかもわかりにくく、結果としてサイト内で”迷子”になったユーザーは離脱してしまいます。 多くの情報を掲載する必要のあるコーポレートサイトだからこそ、シンプルで分かりやすい導線のデザインが効果的とも言えるのです。 シンプルなwebサイトのデザインにもさまざまタイプがありますが、ここ数年の1つのトレンドとなっているのが、サイドバーのないレイアウトの1カラムデザイン

cloud9を以前から使っていましたが、AWSになってからはすぐにはHerokuが使えなくなっています。 そんなに難しいことではないですが、学習を始めたての人の時間短縮になれば。 まずはHerokuが使えるか確認 ec2-user:~/environment $ heroku -v bash: heroku: command not found 使えないことが確認できたのでHeroku CLIをインストールします。 ec2-user:~/environment $ npm install -g heroku-cli /home/ec2-user/.nvm/versions/node/v6.13.1/bin/heroku -> /home/ec2-user/.nvm/versions/node/v6.13.1/lib/node_modules/heroku-cli/bin/run /home

模写の対象サイトを決める まずはどのサイトを模写するかを決めましょう。難しすぎても途中で諦めてしまいますし、簡単すぎたら時間の無駄になりかねません。 わたしはここから選んでいます（難易度高め・・・） 画像がメインのLPとかのサイトはあまり練習にならないので、テキストベースのサイトを選ぶのがいいかと思います。模写コーディングするサイトの選び方は以下の記事にまとめたので、まだ対象サイトが決まっていない方はまずはこちらを参考に選んで見てください！ https://haniwaman.com/select-mosha/ より実践的なコーディングを練習したい場合は、実務で行うようなデザインカンプからのコーディングを練習できるnoteもあるので、ぜひお試しください！ → Photoshop、Illustrator、XDからのコーディングに慣れよう！ コーディングルールとツール なんの計測も行わずに目視