【制作実績】自社サイトを作ることで得られること

あけましておめでとうございます。
去年はARUTEGAのコーポレートサイトをブログを同居したまま新設しました。

うれしい！！！

実は2020年の末から2021年の秋にかけて10ヶ月余りを要しました。
なかなかデザインが決まらない上に、クライアントワークを進めながらの実装ということもあり、大変時間がかかりました。
公開まで、メンバーの想いが詰まったものになっています。

制作会社を代表している方にはわかってもらえると思いますが、自社サイトが一番難しい。
だって、自分のことってわかっているようでわかってない。。

デザイン面

https://arutega.jp/

デザイン・コンテンツ制作：M.Hirao
リードエンジニア：K.Misaki
アシスタントエンジニア：M.Hirao

サイトの設計

デザイン面では弊社の特徴をファーストビューに。

サイト設計

アルテガの語源『あの手この手が在る』を前に出すことで、ユニークに

Web制作会社とは名乗らずに、Webコンサルの会社とする

制作以外にも目線がいくように

名もない会社なので会社概要をトップページに

このように考えていました。

誌面を意識した

今回のデザインは誌面を意識しました。

参考にしたのはこちら

Webサイトはグリッドを特に意識して制作されます。
ですが、この雑誌ではテキストを読んでいる途中に暴力的にベタ塗りが出てきたり、意図的に崩された文字組みがとても印象的でした。

この雑誌は定期購読をしていないものの、国内外のさまざまなデザイナーの実情やインタビューが載っているので、面白いのでぜひ手にとって読んでみてください。

ということで、Webサイトのデザインベンチマークは雑誌でした。

唯一無二のフォント

もともとHelveticaの代替として使用されることが多い、Nimbus Sansを使用してデザインしてました。
でも、何か物足りなく、ユニークさに欠けるので、普段からお付き合いのあるグラフィックデザイナーでフォント制作を手掛けるチヒロさんにお声がけ。
Orbisシリーズのオリジナルウエイトを作っていただきました。読みやすくてユニークでこれ以上ない。

機能的に必須でないインタラクションの排除

これまでの平尾誠、もといARUTEGAのサイトとして大きく違ったところは、インタラクションが最小限であること。

Webサイト制作を始めた頃、javaScriptでゴリゴリ動いて、目が回るようなサイトを見るたびに、

『うおーー！！！クリエイティブだ！！！これしたい！！』

ってなっていたのですが、最近の興味はめっきり変わります。
どれだけ落ち着いて読めるか、サイトの表示が速いかを一番気にするようになりました。

会社としても、ブランディングや自社メディアの立ち上げなど、経営指針にも触れた業務をしたいことが理由です。
我々の存在価値は売り上げアップ or 認知向上といったブランディング施作です。
最初に表現を求められるご依頼は避けたい。

もちろん、これからも動きやビジュアル作りで機能性と必然性があるものは積極的にやりたいです。

開発面

ポートフォリオ作成は私たち制作者・開発者にとって、一番自由で何よりもチャレンジングなものでなければいけません。
作り終えた後に、自分たちのスキルレベルもアップデートしたかった。

実はぶっちゃけて言うと、自社コーポレートサイトがなくても、ご依頼いただけているので、スキルアップとトレンドキャッチが最大の目的でした。

そこで、開発ではNuxt.jsを採用しました。

Nuxt.jsの採用と先生募集

最近増えてきてはいるものの、NuxtやVueはサービス開発では主流ですが、企業サイトに導入するにはまだ多くはありません。

そこで当時、私はNuxtやVueとか触ったことがなかったので、現役でバリバリ書いている方を募集することにしました。

すると、本業のかたわら、手伝ってあげてもいいよ、って普段はサービス開発をしている心やさしいエンジニアの方がDMをくれました。
軽くzoom した後に、なんかいい人そうだし、ウソ下手そうだし、責任持ってやってくれそう。ってことで僕の先生になってもらえました。

これは私が、過去400名の面談をした成果の賜物だと感じます。良い人は一瞬で良い。

自分自身もWebサイト制作を志す方を師事しているのですが、私自身も教えてくれる先生に出会えてうれしい。
知らないことは知ってる人に聞こう！

業界で表示速度最速を目指した

Nuxt を導入したかった最大の理由は、業界で最速のサイト表示スピードにしたかったからです。
おかげさまで、業界最速かはわかりませんが、かなりのスピードを叩き出してます。

特にページ遷移がサクサクです。
あなたの時間は、あなたが生きた命です。
あなたの命を無駄にしなくてよかった。

Nuxtのデメリットとしては、同じデザインコンポーネントを組み上げて作るWebAppとは違って、ユニークなデザインが多くなるたびに管理がめんどくさい。
小規模サイトにはわざわざ入れなくてもいいなと感じました。
ただこれは慣れによるところが多分にあるとおもいます。

VueとかNuxtとか積極的に勉強したいし、理解しきりたい。
新しいこと試せて本当に満足です、またNuxtやりたいです。

自社サイトを作ることで得られること

自社サイト制作を通じて、社会を通じてやりたいことや、事業ポートフォリオの見直し、いい先生との出会いと、知識のアップデートができました。

今回の自社サイトを経て得たことは

いいことづくし！毎年フルリニューアルしたい。

ほなね