MobileArt is an international company specializing in Android mobile app development.
We have re-designed several Android apps and web-services. Also, we have done the design and the layout of the company’s website.
MobileArts Website Design
The site has on purpose to tell about the company, its services and apps developed, with the emphasis on the MobiBox service. The latter is a payment system for digital product monetization, with a subscription via phone as the main specialty. That’s why we showed the information about MobiBox on the first screen and added animations of the phone subscription screens. We chose narrow Roboto Condensed for the base font since it fits the logo well. As for the color scheme, we left orange as the dominant color but added some yellow to achieve a bright gradient. We changed the grey for the dark lilac to get more contrast with the orange.
For the slider, CSS-animation was applied. It enabled the browser with the control of animation consistency, thus optimizing its performance.
Android Apps Design
MobileArts has its apps in GooglePlay, and they all had the same drawback: the looked just like colored prototypes. Our task was to:
- redesign the apps according to material design guidelines;
- make the new graphic design more attractive, understandable and human-oriented;
- design the web-interfaces and landing pages for the apps.
SecretBox is an app with which the users can hide their photos, videos, audios, files, and contacts from prying eyes. We fixed the main problem of the previous design: set priorities and added more contrast between the active and inactive UI elements. We also added empty states to make it clear for the user why there is no content on the screen and what should be done to make it visible.
Laki is an app with video-content for the beauty industry. The visual style should have been in line with the target audience, that’s why we chose bright pink as the dominant color and used large headings and rounded shapes for the icons.
The base font, Mada, is unconventional for material design, but it was chosen because it supports Arabic.
The main function of the PhoneGuard is to provide app security by locking and protecting the phone remotely through the web-service. Some remote features include app locking, wifi on/off switch, backup contact vibration, and incoming call lock. In the process of redesign, we improved the color scheme: the black got the blue shade, and the yellow became brighter. We added the choice of an app lock pattern to the main screen and structured all UI elements in material style.
We made the new web-interface design more compact, namely: all Alerts, Logs, and Controls categories were relocated to a single screen so that the users can see the full picture of accesses. We also got rid of repetitions of headings and buttons and added actions icons to alleviate the perception.
The app’s task is to improve the phone’s performance by monitoring the memory in the phone, on the sd-card, and in the cloud. When redesigning, we changed the visual style and used the lilac as the main color and the yellow as the minor one. We distinguished the meaningfully different information pieces by splitting configurations into 4 separate screens. The pie-chart screen, where memory comparison is easily observed, was chosen as the main one.
The app monitors the mobile internet consumption. First of all, we brushed up the graphic design by switching to the new color scheme: dark blue + pink and blue for accents. We created the app icon and, on its basis, a splash screen. We also merged Cellular and Wifi on the first screen so that the users can see all data which were used during the day and compare them. A pie-chart was added to the screen with apps info to make it easier to compare which app consumes most of Cellular and Wifi data.
The studio redesigned the web-interface and made it possible to monitor data from family devices. We fixed the major drawbacks of the previous design by adding the tutorial “How to connect the device to the web-service” and by placing all actions on a single dashboard.
MobiBox is the main product of the company. It is a large CRM system. Our task was to redesign several main pages and the set of UI elements for the system as a whole.
We made a color scheme more contrasted by changing the gradient from the sordid blue to the bright and dark blue, and from the dim green to the bright. CRM systems, as a rule, contain a large amount of data in tables. That’s why the font should be compact and readable at the same time. Source Sans Pro copes well with this task. We also fixed a navigation bug: shifted the first two levels to the header, and the third-level navigation was moved to the tabs under the header.