Code Year が 48 時間で 10 万人のユーザーを獲得した裏話: 1 時間で Web ページをデザインする

たった 1 時間で Code Year の Web サイトをデザインした方法: Code Year が 48 時間で 10 万人の登録ユーザーを獲得した方法

楽しいプログラミングウェブサイト Codecademy が新年のプログラミング プロジェクト Code Year を開始してからわずか 48 時間で、Code Year の登録ユーザー数が 10 万人を超えました。 Code Year ウェブサイトのデザイナーである Sacha Greif 氏が、わずか 1 時間で Code Year ウェブサイトをデザインした方法を紹介します。

午後10時32分: メールを開く

先週の金曜日の午後 10 時 32 分、Codecademy の共同創設者である Zach から、Code Year の初期デザインを見せて意見を求めるメールを受け取りました。彼も私も、Code Year の Web サイトのデザインには改善の余地があると感じていました。そこで私は、Code Year の Web サイトを非常に短期間で再設計することに同意しました。

午後10時40分

次に何が起こるかは想像がつくでしょう。 Web デザイナーが最も嫌うことを挙げるとすれば、他人の PSD で作業することは間違いなくそのリストに入るでしょう。そこで、まったく新しい PSD を使用してグリッドを作成し、Code Year Web サイトを再設計することにしました。オリジナルの Code Year デザインにいくつか変更を加えました。次のようになります。

私は進捗状況をザックに報告し、これに基づいてさらに努力することを約束しました。なぜなら、上記の Code Year の Web サイト ページはあまり良くなく、個性に欠けていたからです。

10:57: フォントの選択

別のフォントを選択することにしました。 Helvetica は素晴らしいフォントですが、多くの人が使用しているため、Web ブラウザーで受け入れられにくいです。標準フォントを使用すると、多くの場合、革新的なアイデアを生み出し、ユーザーと再びつながる機会を失うことになります。そのため、私は最終的に Museo Slab フォントを使用することにしました。このフォントは強い視覚的インパクトを与え、より美しいからです。

しかし、ウェブサイトにはまだブランディング要素が不足しています。 Code Year のような単一目的のサイトであっても、自分のブランドを目立たせたいと思っています。そこで、Museo Slab フォントを使用してロゴをデザインしたところ、次のような効果が得られました。

フォントを変更するだけで、Web サイトの外観が大きく変わります。ただし、上記のデザインは最終的なデザインではありません。

11:05: アイコンの選択

アイコンを選ぶ際に、まずIcondrawerから電球アイコンを選びました。これは、新しい知識を学ぶたびに、心の中に光が灯ることを意味します。使用するフォントを選択するのと同じように、優れたアイコン ライブラリを持つことは、自分で優れたアイコンを描けない限り、Web サイトのデザイナーにとって非常に重要です。

しかし、電球アイコンと比較すると、カレンダーアイコンの方が適切だと思います。結局のところ、Code Yearは新年のプログラミングプロジェクトなので、最終的にカレンダーアイコンを選択しました。さらに、Twitter と Facebook の共有ボタンのためのスペースを確保するために、Codecademy のロゴをページの上部中央から左に移動しました。効果図は以下のとおりです。

午後11時12分: 背景の選択

上記のレンダリングは非常に良く見えますが、もっと魅力的にするために何かが欠けているような気がします。そこで、Web ページに背景テクスチャを追加することにしました。背景の選び方は非常にシンプルです。さまざまな背景を試してみて、どれが一番合うかを確認します。そのため、Web デザイナーがバックグラウンドの知識を蓄えることも非常に重要です。 SubtlePatterns.com をご覧になることをお勧めします。

11:22: 引用デザイン

最後のステップは見積書をデザインすることです。引用は非常に重要であり、良い引用はユーザーの注目を集めることができます。

このようにして、私は 1 時間もかからずに Code Year の Web サイトをデザインしました。その効果は次のとおりです。

私が皆さんと自分の経験をシェアしたい理由は、良いものをデザインするために、必ずしも数日、あるいはそれ以上の時間を費やす必要はない、という点を説明するためです。時には、突然思いついた革新的なアイデアを信じて、あまり精神的な重荷を背負わないだけでいいこともあります。このように想像力を存分に発揮できる環境は、スタートアップ企業でしか提供されていないことが多いです。

原題: Behind Code Year’s 100,000 users in 48 hours: 1時間でウェブサイトページをデザインする

キーワード: コード、Year48、時間、100,000、ユーザー、カウント、ウェブサイト ページ、ウェブマスター、ウェブサイトのプロモーション、収益化