このサイトは、ブラウザのサポートが限られています。 Edge、Chrome、Safari、またはFirefoxに切り替えることをお勧めします。

150ドルを超える注文の無料の米国送料
カート

舞台裏:ウェブサイトの再設計、なぜ、どのように

投稿者 Edward Wang の上
Behind the Scenes: Website Redesign, Why and How

UrbanCred エクスペリエンスを進化させて次のレベルに引き上げるという決断の一環として、私たちは友人の Michelle Perez Designs の Michelle と連絡を取りました。主な変更点の 1 つは、Web サイト全体の外観と操作性です。Web サイトの外観と機能を更新することに非常に興奮しているため、それについてブログ記事を投稿しました。

ミシェルは、私が変更したい点、変更の焦点、デザインのインスピレーションについて話し合うために最初の電話を設定しました。私たちは、一般的な観点からより具体的な観点から、私たちが最善だと思うデザインについて話し合いました。私はいくつかのアイデアを持っていて、どの方向に進むべきか考えていましたが、ビジョンを実装し、独自の考えとデザインの選択を適用できる信頼できる人が必要でした。

多くの人が知らないことですが、私が UrbanCred を始めたとき、ブランド戦略は存在せず、そのベースもありませんでした。ただ、実現したいアイデアと夢があっただけです。そのすべてを準備することは重要だとは思いますが、それをすべて準備するのは私ではありませんでした。私は常に、アイデアを取り入れて、できる限り最高の形で実現することだけを考えてきました。しかし、次のバージョンを実現するにはプロが必要だと気づいたのはその時でした。

そしてなんと、ミシェルが登場。  MichellePerez Designs。彼女はデジタル デザイナーであり、クリエイティブな起業家で、クリーンでわかりやすく革新的な製品を作ることに情熱を注いでいます。10 年以上の経験を活かし、独創的なデザインとアイデアで数え切れないほどの企業が次のレベルに到達するのを支援してきました。

ウェブサイトをリニューアルした3つの理由

1. 視覚的に、当社の Web サイトのデザインは時代遅れでした。

以前のウェブサイトのデザインでは、黒と白の 2 つのメイン カラーを使用していました。2 つのメイン カラーにオレンジ色を追加して、サイトに個性とインパクトを与えました。以前と比べて、ウェブサイト全体の色のバランスも良くなりました。

さらに、ウェブサイトがユーザーに対応する方法は非常に静的で時代遅れでした。ズーム(単語ではありません)から、より整理されたフロントページまで、視覚的な変更をさらに追加しました。

2. 機能が顧客のニーズを満たしていなかった

古いウェブサイトには、うまく機能しない部分がありました。たとえば、ヒーロー イメージの矢印が商品ページに表示されなかったり、補充機能がないなどです。ブログ投稿のフォーマットや画像の自動調整などの他の機能も、ユーザー エクスペリエンスをはるかに快適なものにするのに役立ちます。最後に、大きな問題の 1 つはナビゲーションでした。ナビゲーションは合理化され、訪問者がメニューや探す場所をあまり増やさずに、探しているものを簡単に検索して見つけられるようになりました。

3. ユーザー インターフェイスを更新する必要がありました。

新しいデザインにより、サイトの一部のユーザー インターフェイスを更新することができました。具体的には、ドロップダウン メニューにより、表示内容を柔軟に調整しながら、より多くの情報をそこに収めることができました。カテゴリの組み合わせにより、お客様が探しているものを簡単に検索できるようになり、ホリデー セール セクションやより詳細なバッグ セクションなどのカテゴリも増えました。

----------------

私たちは数か月間、Michelle と協力して、最終製品に何を望んでいるかについてのアイデアや考えを互いに提案する計画を立てました。Michelle はそれを持ち帰り、しばらくして、最終製品の外観のプロトタイプを持って戻ってきました。私はそれを見て、いくつかの考えや提案、問題点を示しました。Michelle 側で少し作業した後、ビジュアル ファイルをバックエンドにアップロードして読み込みました。

11 月初旬にこのサイトを訪れた人なら、Chrome ブラウザでは Web サイトが問題なく機能しているのに、Firefox、Explorer、Safari などの他のブラウザではヒーロー イメージのスライドが壊れていて読み込まれなかったことに気付いたかもしれません。さらに、製品の数量、色、チェックアウト ボタンも読み込まれませんでした。

おそらく、これが私たちが対処しなければならなかった最大の問題でした。インストールされたアプリとコードをいろいろ試した後、Michelle は最終的に、サイトの不具合の原因となっている互換性のないアプリに問題があることを突き止めました。

その後、サイトは問題なく稼働し、公開されました。Web サイトをテストしてくれた友人 (セキュリティのコードネーム) Ocelot、Tous、Phoenix と、Web サイトで発生している問題について問い合わせてくれたすべてのお客様に感謝します。

全体として、私たちはこの Web サイトの出来にとても満足しています。まだ微調整が必​​要な部分があり、将来的にはデザインを再度更新する必要があると思いますが、今のところは完成したものにとても満足しています。この記事が、サイトを再設計した理由と方法について興味深い洞察を与えてくれたことを願っています。

2021年は興味深い年でした。私たちは生き残るために最善を尽くしています。ご来店、お買い物、感謝のメッセージを送ってくださる皆様に感謝しています。サポーターやお客様がいなければ、私たちの明かりは点かなかったでしょう。本当にありがとうございます!

← 古い投稿 新しい投稿 →