top of page
hiro_menora ON.png

Menora On & Ontop app

UI/UX design

Visual indentity - illustration & Concept

The MenoraOn app is designed to offer a streamlined, user-friendly experience for customers seeking diverse insurance services, including car and travel insurance. The project aimed to create an intuitive and efficient platform that simplifies the insurance purchasing process, provides quick and available responses, and accurately reflects the customer's status with minimal actions required.

cookie.png

Project Overview

The MenoraOn app design project successfully delivered a comprehensive and user-friendly application by focusing on unique handmade illustrations, distinctive UI design, and a deep understanding of the client's goals. Through extensive UX research and a commitment to visual excellence, the app provides a streamlined and engaging experience for users, setting a new benchmark in the insurance services industry

search.png

Identifying  Challenges

In the MenoraOn project, we faced significant challenges in interpreting and designing the fastest and simplest way for users to purchase insurance specific to this company. Understanding the unique requirements and expectations of the company and its customers required extensive research and iteration. Additionally, I led a brainstorming process to explore UI and illustration styles that would strike a balance between being visually engaging yet mature, ensuring the design was neither overly simplistic nor childish. This involved experimenting with various design concepts to achieve a professional and appealing aesthetic that enhances user experience and confidence.

heart (1).png

What matters most?

01

Creating a Convenient and Simple Interaction

02

Clear and Concise Information

03

Simple and Intuitive UI

04

User Journey Mapping

menora_pic 02 (1).png
pin.png

Essential takaways

01

Identifying Weak Points in the Insurance Sector

02

Creating Accurate Hierarchies

03

Design Differentiation

04

Behavioral Patterns Analysis

mid pic (1).png
Key.png

Key features

01

Importance of User-Centric Design

Conducting thorough user research and testing is essential to inform design decisions and ensure the final product meets user expectations

02

Professionalism and Collaboration

Regular communication and alignment between designers stakeholders, customer and users are crucial for a harmonious and successful project outcome

03

Design Refresh According to Current Trends

The insurance app market often suffers from stale and uninspired design languages. By refreshing the design to align with current trends, it was important for me to shift MenoraOn into a visually appealing and modern user experience

flash.png

The challenge

Differentiating MenoraOn from Competitors.

Removing irrelevant information and focusing on essential details to avoid overwhelming users and also Simplified registration and onboarding process to get users started quickly.

iPhone 15 Pro Black Titanium Mockup Portrait-1.png
iPhone 15 Pro Black Titanium Mockup Portrait 2.png
iPhone 14 Pro Space Black Front Mockup.png
Hummer.png

The solution

The solution involved producing an accurate hierarchy and focusing on essential elements:
 

Prominent Action Buttons: Placing push buttons for actions in accessible and prominent areas.

​

Necessary Information: Displaying only necessary information to aid decision-making.

​

User-Centric Design: Ensuring that the design is focused on the user's needs and preferences.

​

Feedback Mechanisms: Incorporating feedback mechanisms to continually improve user experience based on real-time user input

UI.png

Design Process & Illustration Line identity

After thoroughly analyzing competitors in the insurance industry, I successfully crafted a design and illustration aesthetic that is welcoming yet professional. Utilizing fine, open lines and dotted elements creates a sense of spaciousness and cleanliness, complemented by ample white space that soothes and enhances visual appeal. This approach aims to evoke a tranquil and pleasing experience for users interacting with the design

frames.png

Wireframes

iPhone 14 & 15 Pro Max - 13.png
iPhone 14 & 15 Pro Max - 14.png
gf.png
iPhone 14 & 15 Pro Max - 10.png
iPhone 14 & 15 Pro Max - 11.png

Active Insurance flow

Activate_OD_9.png
Activate_OD_8.png
gf.png
Activate_OD_1-1.png
Activate_OD_1.png
923.png

Car Insurance Screens

gf.png
Active_Insurance_1.1 with ticker.png
Active_Insurance_1.1 with ticker-1.png
Active_Insurance_1.1 with ticker.png

Components & Elements

style gide (1).png

Illustration

illustration (1).png
work.png

Shell we continue to the next project?

Frame 1444 8 (2).png
bottom of page