Initially created for iOS6, the Mobiloud mobile app was redesigned for android and iOS7.
.Home screen
Each platform has its own guide lines, such as diffent sizes for the navigation bar and for the logo or branding placement.
Each platform has its own guide lines, such as diffent sizes for the navigation bar and for the logo or branding placement.
.Side menu
Notice the distinct presentation of the "find" feature and the icons according to each platform's identity.
Notice the distinct presentation of the "find" feature and the icons according to each platform's identity.
.Article Page
While the content is presented in the same way, the header menu has to follow different guidelines to maintain the coherence with the platform.
While the content is presented in the same way, the header menu has to follow different guidelines to maintain the coherence with the platform.
.Sharing menu
The same options are presented in two very distinct ways: in the android app we have a dropdown menu at the top right corner, in the ios7 app, a menu is shown at the bottom filling the whole width.
The same options are presented in two very distinct ways: in the android app we have a dropdown menu at the top right corner, in the ios7 app, a menu is shown at the bottom filling the whole width.
.Icons
Beyond the visual aspects that platform used we must focus the way we export the icons to the IT team. Icons for ios7 app were exported for two densities (32 and 64px). Icons for the android app were exported to ldpi, mdpi, hdpi and xdpi.
Beyond the visual aspects that platform used we must focus the way we export the icons to the IT team. Icons for ios7 app were exported for two densities (32 and 64px). Icons for the android app were exported to ldpi, mdpi, hdpi and xdpi.
Thank you for watching
*
please press the appretiation button and
leave a comment if you liked this project
*
please press the appretiation button and
leave a comment if you liked this project
