Home, Banking and Investment App

HomeWyse is a mobile app, which allows users to manage their homes, transparently see available equity grow compared to the traditional mortgage alternative, and move to a new home easily when wanted.

Rapid Prototyping

Wireframes are the skeleton of the application interface. It shows the structure, content, functions of the screen. Rapid prototyping is part of every project once we have a clear understanding of the problem and user needs. We designed a quick prototype to get feedback and validation. This made it possible to improve the quality of the application and reduce the risk of creating something that no one wants.

Features

The app has a wide range of features and it could be treated as a lifetime home passport as well as digital banking and investment platform. The home dashboard is where the users can keep track of their monthly payments, home equity assets, cash savings, and investment assets. Also, it could be a great place to keep track of all the financials.

User Experience

In the early stages of designing the application, we designed a Userflow, which helps to create the path that the user will take to get the desired value, as well as identify potential problems that may arise during the use of the product. Each flow consists of several interactions because the interface screens offer several possibilities. We visualized user interaction with the interface in an understandable way. Userflow helps not only to design the best interaction with the user but also ensures the convenience of working with the product.

Interactive High Fidelity Prototype

Each project designed by us undergoes thorough testing. ​​An interactive prototype not only helps to test the interface and learn how users can perceive the application but also serves as a catalog for the entire team and speeds up product development. An interactive prototype is similar to a live application and allows the user to behave more naturally during testing.

Visual Design

​​The combination of clear and understandable UX with eye-catching UI makes the product desirable and valuable. We aimed to create a light and clean interface using a palette of blue and green colors to fit the company's style. The Urbanist font and crafted icon set complemented our vision of how the modern and easy-to-use app should look like.

Icon Font

Icon fonts are great because they scale as a vector, which is why we use this technology in our apps. When designing icons, we follow the same stylistic rules in order to achieve harmony in the icon family. Each icon created by our team has its own visual weight. The weight of the icon is determined by parameters such as fill, stroke thickness, size and shape. Preservation of these parameters ensures consistency and unity of style.

Color Scheme

Our team is always inspired by nature when choosing a color scheme because the human eye expects the color they know in the real world. All color behavior comes from nature, for example, the color of the sea can change from blue to turquoise. Using the contrast of the palette, we separated the elements without overloading the composition and gave the interface dynamism, and harmonious colors give the interface elements a logical meaning.

Typography in Interface

We pay special attention to typography in interfaces. It's much more than just choosing an attractive font. Good typography in interfaces improves app usability, readability and comprehensibility, one of the important problems it can also solve is accessibility.

Design and Collaboration Tools

When we are working on a product, we use Figma as our primary tool for development and collaboration. This tool unites the work of the whole team and helps create a system design, interactive prototypes and components. In our projects, we always use components that allow us to reuse existing parts of the interface, saving time on rework. This allows us to build things faster and more consistently without blocking our ability to be creative and solve new problems.

User Onboarding

User Onboarding is much more than 5 introductory screens and explanatory tips in a mobile app. This is the first point of contact of the user with the application and a rather important stage of interaction and the process of adaptation, with the help of which the user gets acquainted with the main functions of the application.

Dark Mode

At Roxman Agency, we have a rule to always create an additional dark theme for the application interface, as it is currently a sign of a quality application. The dark theme reduces eye strain in low light, reduces eye strain, and significantly saves battery consumption. We've created a darker color palette for all screens, views, menus, and controls to make using the app even more comfortable at night.

Pitch Deck Presentation

During the creation of the presentation deck, we were guided by the fact that the presentation is data-oriented and gets to the point much faster than a classic presentation. Reading information takes place in a matter of minutes, and visualization should not prevent studying the problem and the solutions that can solve it.

Summary

Initially, the application was designed for home buying, financing, capital and management, but during the design and testing process, we realized that users experience the application as a home passport, digital banking and investment platform. We rethought the problem and had several new approaches during the design process. It was an interesting journey during which we gained a new experience of user interaction with the interface and pleasant cooperation with the client.

Client Feedback on the Clutch