When I was working for Apps Club at Bemobi, I had the opportunity to work in a scrum-driven team. This means that we already had a product launched and we were working on constant iterations in which we delivered, one or a few improvements at a time.

During this time, I worked closely to the Product Owner, Manager and developers to align all expectations and technical restrictions. I also fought for the design team to migrate from using Photoshop to Sketch to improve our layout creation and asset exporting process, created checklists for routine processes and was responsible for the general quality of the design team's deliverables.

Bemobi, 2015

Apps Club design team:

Erica Zambrano
Jerssica Arruda

www.appsclub.com

What is Apps Club?

Apps Club is an app store that works on a subscription model, charged on the user's carrier billing (pre-paid or phone bill). This way, they can reach a market regular app stores can't: people who don't have credit cards to start with, let alone international credit cards.

Apps Club posesses a great collection of apps from partners such as EA, Cartoon Network, Sega, ZeptoLab and Runtastic, and only showcases premium or ad-free apps, so the user has a great experience and saves money with the subscription model.

It is licensed as an whitelabel product for all of Brazil's biggest carriers (Oi, Claro, Tim and Vivo) and smartphone brands (Samsung, Positivo) and is expanding to Latin America (América Móvil) and worldwide.

Here are some of the improvements that I worked on during those sprints, and proposals that would be implemented after I left Bemobi.

Unified App

Definitely the hardest work during this time was figuring out how to merge three verticals (Apps Club, Games Club and Kids Club) into only one. We had to define complex vertical sign-up, switching and verification into a flow that made sense and was coherent to the current app structure, and also design the new screens that this flow needed.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image

Samsung +Apps Club

During this time we launched Apps Club for Samsung, with its own color palette and the logo they required.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image

Recharge flow

We also had to incorporate a recharge functionality within the app, verifying their credit balance and displaying recharge buttons when needed, to lead the user to either the carrier's recharge app or website.

Free apps

One of the carriers required that we also displayed free apps in our portfolio. This at first seemed conflicting with the original purpose of Apps Club, but it ended up being a great way to showcase the carrier's apps and for the product to position itself as the main app hub in the user's smartphone.

  • gallery-image
  • gallery-image
  • gallery-image

Logo adjustments

Although we generally use one logo for each carrier's version of the app, there is an official "whitelabel" version, used in the Apps Club website and sometimes adapted for some carriers which don't require a logo of their own (Tim Apps Club's logo, for example, is the official Apps Club logo with slight color changes).

I made some improvements in the logo since its first version, fixing mainly the enclosing and shape of the ribbon, the lighting and gradients on the apps and overall structure and proportions, including typography: 

New DRM proposal

The DRM is the shell that protects the developer's apps and checks the users' subscription to acess them. It also displays many messages that range from "downloading content" to others that convey the value of the app ("all items unlocked" and such). By that time, they were displayed as default Android dialogs, and I made a proposal for them to have their own identity and convey these messages more consistently.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image

New Media Details page proposal

The Media Details page is where the user sees all the information about an app, and by that time it was a very textual page. I made a proposal to update it, inspired by Material Design, and using more visual elements to bring interest to the interface.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image