Project  
Documents and Requirements 
 
 

APP Mobiauto 
version 0​1​_2020 

 
 
 
 
 
 
 
 

Index 
 
1 – Team Mobiauto 3 

2 - Tools of IT Team 3 

3 - APIs and credentials 3 

4 - About Mobiauto 3 

5 - Brand Specifications 4 

6 - APP Mobiauto - Scope and requirements 4 

6.1 - Introduction 4 

6.2 - Areas: “Home” and “Buy New or Used Cars” 5 

6.2.1 - Options of search 5 

6.2.2 - Filters 6 

6.2.3 - List of ads 8 

6.2.4 - Ad detail 9 

6.2.5 - Ad finance simulation 11 

6.2.6 - After send message to the seller 12 

6.2.7 - Incremental features 12 

6.3 - Area: “Catalog 0km” 13 

6.3.1 - Search Page by Brand 14 

6.3.2 - Search Page by Category 16 

6.4 - Area: “Reference FIPE” 17 

6.5 - Area: "Sell my car" 19 

6.5.1 - Include Ads 19 

7 - Feedbacks APK (sent 22Apr2020) 20 

 
 

   
 

Documents and requirements 

1 – Team Mobiauto 
IT Team 
Guilherme Braga - CTO - ​guilherme.braga@mobiauto.com.br 
Fabiana Oliveira - Product Owner - ​fabiana.oliveira@mobiauto.com.br 
Gustavo Pinheiro - UX Head - ​gustavo.pinheiro@mobiauto.com.br 
Robson Carmo - Front and Mobile Head - ​robson.carmo@mobiauto.com.br 
Humberto Gonçalves - Front Specialist - ​humberto.goncalves@mobiauto.com.br 
Antonio Sousa - Mobile Specialist - ​antonio.sousa@mobiauto.com.br 

2 - Tools of IT Team 
Design 
Figma (flows, wireframes, layouts and prototype) 
Icons ​https://materialdesignicons.com/​ or ​https://material.io/resources/icons/?style=baseline 
Illustrations ​https://undraw.co/ 
 
Front-end ​(Robson will send you) 
- 
 
Back ​(Gui will send you) 
- 
 
 

3 - APIs and credentials 

Gui will send you. 

4 - About Mobiauto 
Mobiauto  is  a  technology  platform  for  the  automotive  sector  that  aims  to  promote  greater 
efficiency and practicality in the relationship of buying and selling cars in Brazil. 
The site has been online for 7 months, since July 2019. 
 
Mission 
Provide  the  best  experience  for  buying  and  selling  a  car  for  our  customers,  even  if  they  are 
professional  dealer  or  final  consumer.  Acting  in  a  permanent  and  sustainable  way  for  the 
benefit of employees, customers, shareholders and the community where we operate. 
 
 
Aim 
We  are  focused  on  the  customer  experience.  There  are  no  limits  to  our  excellence.  We  are 
fanatics  about  productivity  and  we  have  creative diversity. Ethics are not negotiated. Creativity 
and discipline? We get both! 
Values 
Use  our  values  ​to  become  and  consolidate  as  an  online  leader  in  the  vehicle  vertical, 
permeating  the  entire  sector  chain,  providing  products  and  services  for  the  high  potential 
synergistic markets. 

5 - Brand Specifications 
Gus will send you. 

6 - APP Mobiauto - Scope and requirements  

6.1 - Introduction  
The  APP  must  have  to  open  access,  without  requiring  credentials  from  user,  google account or 
facebook as well.. 
It must have to contain the following areas: 
● home 
● buy new or used cars 
● sell my car 
● catalog 0 km 
● reference FIPE 
● magazine 
● financing 
In addition in these areas, a shortcut to to a restricted area of ​the the individual seller. 
Now, let's go to the requirements of each area. 
Only  illustrative  images  will  be  included  of  the  site  Mobiauto  in  the  responsive  version  and 
competitors` APPs at this document.. 
 

ROAD MAP  Week 1  Week 2  Week 3  Week 4  Week 5  Week 6 

29/01 a  05/02 a  12/02 a  19/02 a  26/02 a  04/03 a 
04/02   11/02   18/02   25/02   03/03   10/03  

Immersion in project             

Areas:              
Home, Buy New and Used Cars 

Areas:              
Catalog 0km, Reference FIPE 

Areas:              
Sell my car, Financing and Magazine 
 

6.2 - Areas: “Home” and “Buy New or Used Cars” 

In Home, we must to have a identify and show the user's location through geolocation.  
For example, in the picture below, the site identified that i was in São Paulo.  

  

6.2.1 - Options of search  

It must to have some options of vehicle search: 
-  open  search,  where  the  user  can  look  for  brand  /  model  /  year  or  click  on  a  link that will open 
the filters; and  
-  quick  searches,  like:  favorite  cars,  the  last  cars  searched,  best-selling  cars,  search  by  brand 
and category. 
We  can  use  photos  or  icons  in  these  quick  searches,  but  it's  expected  that  page  not  to  be  too 
long, for example: 
  
 

 
 
 

6.2.2 - Filters  
In  the  open  search  filters,  APP  must  have  the  following  items  for  selection:  0  km  or  used  cars, 
brand,  model,  version,  price  (minimum  and  maximum),  year  (minimum  and  maximum), 
maximum  kilometers,  category,  type  of advertiser, exchange, armor, fuel, color, specific options, 
state and city, number of doors, end of license plate, vehicle condition. 
 

 
 
 

 
 
And more examples of competitors` APPs. iCarros and Webmotors. 
 

 
 
After user select filters, the APP will show the list and amount of cars ad with that profile.  
It should be possible to redo the filter, if the user wishes. 
If  there  aren´t  ads  with  the  profile  searched,  the  APP  should  bring  more  ads  by  increasing  the 
search radius progressively (example: 50km, 75km, 100km, and so on). 
 
 

6.2.3 - List of ads 

In  this  list,  we  must  to  give  ordering  options  how:  higher  to  lower  price,  lowest  to  highest  price, 
lower mileage, younger, alphabetically, shortest distance. 
Each  ad  of  car  must  to  show,  prominently,  the  main  photo,  brand,  model,  version,  year  and 
price.  And  with  less  emphasis:  number  of  doors,  transmission,  mileage,  color,  name,  city  and 
state of the seller, distance in km from the user. We must to show the other photos in slider.  
It must be possible to favor the ad.  
In the ad, to shorten the consumer's journey, include a button to send message to the seller. 
Clicking  on  the  button,  before  sending  the  message  to  the  seller,  we  must  to  collect  the 
customer's  name,  whatsapp,  email,  more  comments  or  observations  that  he  wants  to  record, 
like picture below: 

 
 
In  the  list  of  competitors`  APPs,  ad  don´t  have  a  button  to  send  quick  message  to  advertiser. 
Other car information in the ad are very similar between the portals. 
 
 

 
 

6.2.4 - Ad detail 
In the ad details, APP should show slider photos, and highlighted, the price, brand, model, version 
and  year.  Then,  the  main  characteristics  of  the  car  (km,  color,  transmission,  fuel,  car  category, 
end of license plate, armor yes or no). 
Afterwards,  it  must  to  show  the other items of the car; the technical file; and when the seller is a 
store,  inform  his  name,  location  and  map,  telephone  and  opening  hours,  but  in  the  case  of  a 
private  seller,  inform  the  type  of  seller,  telephone,  city  and  state  of  location,  without  a  map  for 
safety of that seller. 
On this page, we must leave some commands for the user such as: 
1 - send a message to the seller, capturing name, email and whatsapp of the interested buyer; 
2  -  simulate  the  financing,  capturing  name,  email,  whastapp,  CPF  (identification  document  in 
Brazil), intended number of installments and entry value; 
3 - trace his route to the seller on the map; 
4 - share on social networks;  
5 - shortcut to see the other ads from that seller. 
The  emphasis  should  be  on  the  first  command.  The  journey  of  sending  lead  to  the  seller  is  the 
main one. 
 
   
 
 
 
 
 
 

 
 
 
Examples of competitors Webmotors, iCarros and Auto Trader: 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

   
 
At the end of the ad detail, it can show ads similar to the search filter. 

6.2.5 - Ad finance simulation 

In  this  command, after capturing the data for simulation, show the range of 
installment  values,  and  also  allow  user  to  redo  the  simulation  with  another 
input value and amount of installments. 
 
 
 
 

6.2.6 - After send message to the seller 

After  sending  the  message  to  the  seller,  APP  shows  confirmation  of 
shipment. It can also show a carousel of similar ads as a suggestion. 
It would be an opportunity to cross sell.
 
 
 
 
 

6.2.7 - Incremental features 

● Comparison 
In  the  list  of  ads,  it  should  be  possible  to  select  cars  for  a  comparison.  Some  ad  selection 
component would be needed for comparison.  
After,  APP  must  to  show  another  page  comparing  price,  year,  mileage,  type,  end  plate,  color, 
transmission.of each selected car. And some button to send message to the seller. 
Here is a example of a competidor. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
● View mode 
the  APP  can  allow the user to change the list display mode, for example, horizontal or vertical as 
the suggestion below. 
 
 
 
 
 
 

6.3 - Area: “Catalog 0km” 

This area will have the following structure: 
- open filter for brand and model; 
- search by brand; 
- search by category; 
- automotive news carousel; 
- best selling vehicles. 
Examples: 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
And  on  competitors'  sites,  where  other  types  of  search  appear,  such  as price, lifestyle, mileage, 
among others. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
I will detail the needs for each search page. 

6.3.1 - Search Page by Brand 

If  the  user  only  types  the  brand,  the  APP  could  show  the  models  to  select  before  to  go  to  the 
next page. Some examples: 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
On  the  next  screen  will  show  the selected car, photo, with year filter, price range, history, photos 
of  the  versions  with  option  to  select  and  be  directed  to  the  pages  of  these  other  cars, 
competing cars. 
In  competitors'  APPs,  it  also  brings  the  technical  file,  evaluation  and  comments  of  car  owners, 
and option to make a comparison with other cars (any make / model). 
It must also have a link to that vehicle's offers. 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
Below is the logic of comparing with another car that the competitor's APP has. 
 
 
 
 
 

 
 

6.3.2 - Search Page by Category 

If  the  user  this  search,  the  APP  could  show  the  types of cars  in the next page. It can have at the 
beginning a search filter like fuel, transmission, minimum price and maximum price.  
On  the  next  screen  will  show  the  selected  car,  photo,  selection  of  year,  price  range,  history, 
photos  of  the  versions  with  option  to  select  and  be  directed  to  the  pages  of  these  other  cars, 
competing cars. The page will have the same format as described above. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

6.4 - Area: “Reference FIPE” 

FIPE  means  Economic  Research  Institute  Foundation  in  Brazil  and  it's  the  main  reference  in  the 
used and used car market.  
It  is  a  table  of  average  vehicle  prices  and  serves  as  a  parameter  for  negotiations  and 
evaluations. 
In  home,  APP  will  have  filters  to  seach  the  price  of  some  car:  brand,  model,  year  and version. In 
addition,  we  will  capture  the  customer's  name  and  email,  which  will  serve  for  future  marketing 
actions. But if the customer wants, there will be a quick search field by brand below. 
 

 
 
 
In  the  search  result,  on  the  next  page,  it  will  show  the  price  and  the  FIPE  code  for  that  selected 
vehicle, plus the 12-month history.  
We  will  also  show  the  minimum,  average  and  maximum  Mobiauto  price,  which is based on the 
ads published on the website. 
Below are some examples on competitor sites. 
 

 
 

 
 
 

 
 
Below, this page will have the fields: 
-  cross  offer  of vehicles in the same price range below the search result, with a shortcut to send 
a proposal; 
- option to Sell My Car, which is the area of ​the same name; 
- option to consult the FIPE price of another vehicle, which would return the user to the home. 

6.5 - Area: "Sell my car​" 

In this area it will be necessary to register username and password to access. 
In the home of this area have this space for login and the description of the service. 
After accessing the logged-in area, the user will have options: 
- to include advertisements; 
- published announcements and indicators of views and visits; 
- proposals received for a car announced by him; and 
- proposals sent to other cars. 

6.5.1 - Include Ads 

After  login,  a  next  page  shows  the  registered  applications,  the  proposals  received  and  an 
option to include the ad. 
 
 
 
 
 
 
 
 

7 - Feedbacks APK (sent 22Apr2020) 

GENERAL 
- The application icon has a white background and the icon is Mobiauto's green. 
- We still needed to configure the SplashScreen. 
- The icon to open the menu must be the same as the header background color. It's actually for 
use an icon pack like Material Community Icons 
- The scroll indicators should not appear, this is true for vertical scrolls and horizontal. 
-  The  sizes,  colors,  spacing,  alignments,  element  structures  must  be  the  same  as  the  layout  in 
Figma. 
- The options to go back to the previous screen are black, but must be white. 
-  All  visual  elements  must  be  considered.  Note:  there  are  texts  that  are  provided  in  the  layout, 
but that were not inserted in the screens already created. 
-  Consider  the  use  of  padding  (internal  space)  instead  of  margin  in  the  View  container, 
because in some situations the content fades in the middle of the screen. 
 
DASHBOARD 
-  The  filters  on  the  home  screen  (used  and  0km)  should  not  occupy  the  entire  width  of  the 
device. 
-  When  pressing  on  the  heart  in  the  upper  right corner of the header, go to another screen and 
show the list of favorite cars. 
 
MENU 
-  Observe  the  spacing,  item  size,  colors,  font  size,  menu  options  in  the  menu.  The  magazine 
section has several options missing. 
-  "São  Paulo"  is  a  touchable  for  a  new  screen,  through  which  the  user  can  inform  his  location 
manually.  There  is  an  API  to  get  this  information  from the user through his location, the device's 
GPS feature must be used for this. 
 
ACCOUNT CREATION 
-  In  the  account  creation  flow,  the  spacing  between  the  content  and  the  limits  of  the  screen 
must be the same. 
- Text fields must be addressed to accessibility. Eg: number fields, open the numeric keypad. 
 
LIST 
- The filter in the listing is incomplete. 
- Still in the filter, it is not possible to fully view the buttons at the bottom of the screen. 
- The ad card must be completely touchable 
-  The  ad  card  can  contain  more  than  one  photo,  and  must  include  components  for  browse 
between photos. 
 
-  The  send  message  button  should  open  the  modal  for  sending  a  new  proposal.  It  seems  that 
this modal remains to be created. 
- The card must have an icon to mark the ad as a favorite. 
- Some screens are missing from this flow. Ex: viewing the stock of a specific advertiser. 
 
DETAIL 
- is incomplete. 
 
PROPOSALS 
- The conversation screen is missing. 
- the buyer information screen is missing. 
 
MY ADVERTISEMENTS 
- this part was created just the visual to show only when the advertiser does not have published 
cars yet. All the rest of the flow is missing. 
 
CREATE ADD 
- The first step of inclusion is incomplete. 
- It is not possible to scroll and view all content. 
- Vehicle plate, must be a text entry field for alphanumeric fields. 
Subsequently,  the  application  guides  the  user  step  by  step  until  he  informs  everything  needed 
about the vehicle for publication. 
When  informing  the  license  plate  some  data  is  already known from the vehicle through the API, 
the  second  screen  is  to  confirm  that  the  data  is  correct,  and  then  proceed  with  the steps to fill 
in the remaining information about the car. 
 
FIPE TABLE 
- Name and E-mail must be fields for text entry, the rest are selection fields. 
- Brand icons are misaligned 
=  The  search  for  this  area  should  list  the  items  recently  searched  for  by  the  user,  serving  as  a 
shortcut in case he wanted to view it again. 
-  The  item  was  missing  to  mark  if  the  user  wants  to  receive  offers  and  promotions  from 
Mobiauto. 
-  The  screen  showing the query made by the user, showing information and photos of the car is 
incomplete. 
-  The  car  can  have  more  than  one  photo  and  the  FIPE  price  is  also  missing,  shares  for  buying 
and selling that type of car sought. 
 
0KM CATALOG 
- The ad detail screen is incomplete, vehicle information, additional text is missing 
=  That  heart  on  the  right  side  of  the  header  should  be  a  search  icon  for  the  user  to  be  able  to 
access the latest queries quickly and search 
 
 
MAGAZINE 
- The card lacked information on how long the post was published. The search was missing. 
- The preview screen for a single post is incomplete.