ゼロから作ったLikePayアプリのちょっとした歴史

「LikePayアプリはオシャレですね💕」という声を最近やっと聞けるようになった。だけど、最初からすぐいい物を作れないのは当然で、LikePayが踏まえたステップをスクリーンショットの展示会で見せようと思う。「すげーな」と笑いながら読んでもOK！

こんにちは！LikePayのイーゴリです。今日はLikePayの一番最初のプロトタイプ💩から現在のアプリ👑までやってきた道について楽しく話したい。LikePay博物館へようこそ～🎉

α版のプロトタイプ

一番最初LikePayを考えてきた時点から「いいね！で割引がもらう」はメイン機能だった。だから、その機能を早速作った。Webアプリだったその作品はこちら！

Instagramのいいね！で割引をもらうなら、当然Instagramでログインしないとダメだね。そこはバッチリ！「Continue with Instagram」を押せばちゃんとログインできる。開発モードだら、色々許可しなきゃいけなくて、本来より少しめんどくさかった😅

要注意！！一番最初のプロトタイプでも英語、ロシア語、日本語対応だった😎　「EN English」を押せば言語を選べるようになっていた。

ログインしたら、「いいね！で払っていいよ～」という謎のお店が一覧で出てた。また、開発版だから、わけの分からないお店がある🙄。今でもあるお店のロゴ、ジャンル、ハッシュタグ等が掲載。そしていいね！数と最大割引率はその横に！素晴らしい！

割引をもらうためのQRコードも一番最初からあった。だけど、Webアプリだから、カメラを使えなかった。お店はこう「読み取ってた」

「スキャンがまだ不可能です」というメッセージを付けて、6桁番号を入力してもらってた。

履歴もレシートみたいに出てた😅俺はこのデザインが好きだった

このプロトタイプは、デザインも機能も超微妙だったけど、一応仕組み的にちゃんと使えるものだった！モックアップとかではないよ😀

α版プロトタイプ　その２

最初のプロトタイプはあまりにもひどかったから、他人に見せてもいいような第ニ版を作った。当日使ってた利用方法案内の画像で紹介する。
ちなみにこの画像をアークヒルズのスタバックスでコーヒーを飲みながら作った。今でも覚えている😐

バランス🤣画面がメインだった笑。店舗一覧とか言えばいいのに、当時はお店よりもいいね！数のほうが大事じゃん？と思ってたから、それは英語の「Balance」の言葉から「バランス」にした。残額みたいな意味かな？🤔

新機能！お店のSNSを記載するようになった！

他は若干デザインが変わった感じだけだから、詳しく説明しないで、画像だけを載せておこう。勉強🎓のために見てみて👀

このプロトタイプは半年間以上使われていたし、InstagramのAPI連携審査もこれで一発で通った😎

β版アプリ

Instagramの審査を通って、エンジェルから資金調達してから、ちゃんとしたモバイルアプリを作ることにした。うちのエンジニアが慣れていたDelphiを使ってアプリを開発した😬。その結果はこっちは

まずはこのログイン画面😂 InstagramとTwitter両方あるけど、そのハートと鍵の意味は今でも分からない笑。文字も多いし、ログインボタンも微妙だなと思いながらAndroidアプリをリリースして喜んでた！🎉

話題の「バランス画面」はあまり変わらなかった

お店のページ😰

反省して、新しい開発フレイムワークを使って１ヶ月でアプリを作り直した👨🏿‍💻。

β版アプリ　その2

新しいアプリはAndroidとiPhoneの同時開発ができていた。安定性も上がったし、少しだけきれいになった気がした。このバージョンを半年以上使ってた！拍手でお迎えください！LikePay 2.0.0🔥🤦🏻‍♂️

ログイン画面。謎のハートと鍵の代わりにLikePayロゴを入れた！そして今でも作り込んでいない「Facebookでログイン」ボタンがあった(開発用の版だけ)。

「バランス」にさよなら👋🏽と言って、その代わりにLikePayのロゴを入れた。まだお店ごとにいいね！が貯まっていたバージョンだ。その後はいいね！をどこでも使えるようにして、こうなった

あぁぁ。。。懐かしい😊　次は、お店の場所が分からない🤷🏽‍♂️と言われて、地図🗺を作ることにした。CTOのセルゲイが初めて日本に来て、１ヶ月間東京で過ごした間にマップ機能を作った。その結果はこちら！

まぁ、普通のマップだね😅。ピン📍が少ない感じがしてた。投稿もなかなか増えていなかった。どうしよう？🤔

そこで考えてきたのは「認定店」の機能！それは、LikePayと直接に契約していないお店だけど、ユーザーがそこによく行くから、そこについて投稿してもらおうと思った。マップがかっこよく見えるために、ピンをロゴに変えた。

パッと見れば「この有名なお店も載ってるんだ！」って驚いて😲た人もいた。そして割引できるお店を加盟店と言い方を付けて、「¥」マークで強調した。

割と使えそうなアプリを作れたけど、全く人気がなかった。たまに「デザインがダサくない？」と言われていた😢

だからLikePayはReデザインをした！その結果はLikePay3.0.0🎉

LikePayアプリ👑

ロシアのフリーランスUI/UXデザイナーに「このアプリは世界を変えるから、かっこよくしてくれ！！」と依頼したら、２週間後このめっちゃくちゃ綺麗なデザインが出来上がった！アプリについて「このUIすごいな」とか「かわいい！」とか「シンプルでいい！」って言われるようになった🤩🤩🤩

全部を一枚でまとめると、成長してきたなって思うよね😅

新しいLikePayアプリがどんだけすごいかって気になったかな？😄早くアプリをインストールして自分の目で見てみて！😂

これからたくさんの記事を投稿する予定で、その中はLikePayの新機能とか、基本機能のすごさについてとか書こうと思う。そしてチームの面白いストーリーとか、チャレンジとかについても。

是非フォローして！😉