![]() ![]() The best about it: your data can be synchronized between all your devices - secure with end-to-end encryption.Īll major German, Austrian and Swiss banks are compatible with Outbank. You can use Outbank on your iPhone, iPad and Mac. With Outbank you carry an overview of all your bank accounts and transactions with you at all times. Nothing is is ever done though, so we constantly update and expand these resources over time so they continue to work for our users and for the team.Outbank unites all your bank accounts and credit cards in one app. For the team we established a design system that fit our needs and we were able to implement features much more smoothly from that point on. The redesign was welcomed positively and we got lot's of feedback approving our efforts for navigation and accessibility. When we launched Outbank 2.0 for iOS we couldn't have been more proud, and our users agreed. ![]() All the amounts and numbers in the app were now set monospaced, which means that amounts in a table can be compared faster and more easily as their length doesn’t change. San Francisco also comes with a couple of nice features right out of the box, for example Monospaced Numbers. Every single line of text in the app was carefully considered to craft a consistent experience. I made the typography in the app bolder and larger, which makes things easier to read and establishes a clearer hierarchy. Previously the app was set in Avenir, which never felt completely at home on the platform. The update to 2.0 also brought San Francisco to Outbank, Apples System Font. All colors were updated to fit into the new palette. I established a more serious and contrasty shade of green to make positive amounts more legible. The new blue was also my starting point to redefine the rest of the color system. Cobalt is a bold and saturated color that makes interactive user interface elements easy to find while not distracting the user from their finances. ![]() Outbank previously featured a very light and low contrast shade of blue, which was replaced by Cobalt, the new main branding color. While creating all of the necessary elements I kept in touch closely with our team of developers and QA trying to end up with a library of elements that could be repeatedly used to create new features, worked beautifully for our users and could easily be implemented at our fast schedule. As a multi-banking app Outbank consists mostly of tableviews including lots of numbers, so I kept any cell and table as close to default as possible. Only buttons, icons, colors and a few custom elements would be able to be brand-aligned and step out of the iOS Human Interface Guidelines. The design system I created therefore was heavily based on default iOS design elements. Going into this redesign I knew that one of it's most important goals was easy-implementation for future development. After gathering the current status of the app and working through a couple of wireframes I designed the Tab Bar for Outbank on the iPhone and iPad. The first major effort for Outbank 2.0 I undertook was the new navigational structure. Additionally the current navigational structure via a hamburger menu didn't allow us to add more important functionality to the app while keeping it simple to use and discover new features. We had also gathered a lot of feedback from our users over the time, making it clear that readability and contrasts had to be improved. In the meantime the design language established for the relaunch existed mostly of custom UI and fonts, making it hard for developers to implement new features at such a speed. Since the relaunch of Outbank in June 2016 the team had implemented new features at a fast pace, releasing a new version of the app as often as every two to three weeks. Timeframe: October 2017 - February 2018 Goals ![]() Client: New and existing Outbank users on iOS the Outbank team The team knew that we needed a flexible and open design system that was easy-to-implement by the developers. Creating a Design System that works for everybody Redesigning Outbank for iOSĪfter launching the new Outbank in June 2016 and 1.5 years of fast paced feature implementation and brand evolution the pain points of the design language and development processes were clear. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |