Social Network App

B2B, Mobile, Website, Customizable

CLIENT

InfluencerX – The creators choice

PRODUCT

iOS / Android mobile app Landing page

PROJECT TYPE

Commercial / Partner

ROLE

Product Designer, Web Designer

DURATION

6 months

TOOLS

Sketch, Illustrator, Photoshop, Trello

About

Mobby is a B2B startup that created a social network app as a product for “Influencers”, digital content creators.

The online platform provides a unique experience through native app skinned with the client brand.

Challenges

– Definition of a core version with specs well defined, design and variables;

– Definition of design areas to be full customized, such as, headers, menu, splash screen, load, colours, images, etc;

– Plan with enginners the development process to generate custom apps from the Core app;

Learnings

Rich knowledge about iOS and Android assets, components, and patterns. Apps stores release proccess and burocracy.

Multi-device and custom components.

Business development experience supporting a startup.

Discovery

Understanding project scope, variables and opportunities

Brainstorm

Discussion with the CEO, Wanick, the engineers team and stakeholders to define the Product features and MVP. Also were necessary weekly meetings to discuss the evolution.

Benchmark

Based on the product owners definitions, I benchmarked well knowed social networks, such as, YouTube, Vimeo, Facebook, Instagram, Twitter, and Google Business. The main objectives were compare the common features and understand how users manage their profile, comments and replies.

Interviews

Stakeholders, selected clients who invested time and money, helped us providing knowledge about the target market, competitors features, and usability tests.

In the fisrt month some interview sessions was necessary to make sure the real user need and expectations.

Ideation

Defining a clear, user-centric solution

Usability testing

The tests were performed in two different stages of the product development:

1. Defining the customizable assets

The Core version required efforts from enginners, client, and SEO to test and validate the customizable areas, appearence, components and specs of the product before the release. All the product specs needed to be well defined.

2. Releasing a customized app

After defined the App Core and the Customizable areas, the developmet cycle was very optimized focusing the entire development on the design and test phase. Client used to test the app by themself.

Solution

Meeting requirements, improving user experience, interface, and more!

Landing Page

Meeting requirements, improving user experience, interface, and more!

The landing page was necessary to present the Startup, product features and cases. I was responsible for designing and develop the entire website.

Research

Benchmark of landing pages for production features and price tables. Also all the guides, documentation, and contracts necessary for the apps.

Development

Since the landing page didn’t require many updates, it was builded as static website using PHP to manage the web routes and views. Jquery, Bootstrap CSS and FontAwesome also were used in the front-end.

Feedback analysis

The feedback from CEO, Enginners, and clients was great. Only the copies was changed many times but it is part of a multitask process.

Mobile App

Meeting requirements, improving user experience, interface, and more!

1. Defining the customizable assets

The Core version required efforts from enginners, client, and SEO to test and validate the customizable areas, appearence, components and specs of the product before the release. All the product specs needed to be well defined.


2. Releasing a customized app

After defined the App Core and the Customizable areas, the developmet cycle was very optimized focusing the entire development on the design and test phase. Client used to test the app by themself.

Screens

Some design artefacts of this project.

No items found.