DELEK-MOTORS. SERVICE CENTER SCREENS
UI-UX re-arrange and Re-design for the informative screens in the service centers of Delek-Motors.
My role
UX design
UI design
graphic language re-design
Done at Boumann Ber Rivnay (BBR).
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/d2573693-e73c-4a3f-b6cd-667790a1d6e2_rw_1920.png?h=75b9c48164d6591f1689bc9771debfa0)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/256b19ba-9686-41f2-9f01-3c0e5179ab83_rw_1920.png?h=cf61546e85ce302e5cb799215c5419f8)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/3d740bad-7d3d-4f8d-bd33-4bf16a869dda_rw_1920.png?h=bcd3ab9e2e633e710b2c979748233bae)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/ade9e98d-8ea2-4389-abce-99f2d0486146_rw_1920.png?h=08d778a5fd87f9feb6dd76ad4310271e)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/d72b95b2-0c21-4fb7-84d1-b06ebdae671a_rw_1920.png?h=36a47e5311f4ca33f7f5148a97664f5a)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/88342c21-84b0-4b77-8c1d-d472f6b73fae_rw_1920.png?h=2c72c7dabea1ebb4145f2165a38ea5ee)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/ce4a7b24-fd8a-4ae7-9e43-79b58de864e3_rw_1920.png?h=e9acf529e5762e78fd468d6a11016126)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/36d6133f-3752-4f14-a8a9-b09097773459_rw_1920.png?h=499878ec0a93b42c164a032a1505c45a)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/61bee8e0-9b9d-4a35-9483-754ca395bb61_rw_1920.png?h=b60206f74a524714b25be7f4389ec32c)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/4c8d190d-b999-43aa-a2fe-7738c3ef4006_rw_1920.png?h=e147857583bbe61eb6ace913de7beca9)
OLD Vs NEW DESIGN
![OLD](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/2aa50ab8-7daf-4cb0-ba8a-d8ae67b64352_rw_1920.png?h=a0606addae3d718ddcbd06e5d5facb55)
OLD
![NEW](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/2386ca8c-4069-4307-a5af-e67405d19dcd_rw_1920.png?h=da867fb002a1d16545677cd8b84c2f8e)
NEW
Backoffice Design
Following the signing of NDA, some brand details and other essential details have been changed or omitted. Backoffice design for a client. The system intended for the internal use of salespeople and managers in the company to monitor the sales situation to customers and to improve the performance of the sales departments.
My role
UX design
UI design
graphic language
illustrations
animations
The challenge
- to emphasize the status of the sales visually
- Creating a format that allows fast review and communication with customers
- A system that will create simple and useful solutions while maintaining screen cleanliness to help maintain concentration.
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/b418c4fa-21e4-4b94-b91a-bd68e6ac4c52_rw_1920.png?h=7755e418bb329e50ec3ca9fec125c72c)
![Clients cards section](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/539cfd49-0c93-45c5-90d0-073be0b53809_rw_1920.png?h=e15165593b6c3dfbf9b0ff390c3fd773)
Clients cards section
![Pinned cards added](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/6dd517c6-6b80-4c5b-868f-861a79f65321_rw_1920.png?h=91638de2fb11b564aed614e520ecac81)
Pinned cards added
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/88c1715d-0948-4e60-8037-d7b709710bea_rw_1920.png?h=8b11f0749fcd2d28535ae6929b96add3)
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/db931b27-2eff-49d7-af30-60bebddf4581_rw_1920.png?h=6b825a42f33401124dbaee3d2057087c)
![Search](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/28750097-a57a-4e45-9b08-7073e5922a09_rw_1920.png?h=07e6b36df83f9789fa86434be5fac30a)
Search
![](https://cdn.myportfolio.com/c0b11c97-0a82-40c5-a269-96cd17662f5d/8ea7bc3f-00c0-4d75-810e-234c314b633c_rw_1920.gif?h=9eb91907d08a50809e3932b2f2fcdc75)
Hover on client’s card mockup
Actions that appear only as soon as you may need them. Using Hover Options:
Marketers use tabs to compare their sales success level quickly and to review abbreviated information about each customer. The call buttons are relevant to each card and allow immediate action from the customer card. However, out of a desire to simplify the screen and focus on the selected card, I used the hover option to reveal the calling operations only when the salesperson might need them.
BLACK STAIN
The oil disaster in the Mexican Golf
In April 2010, a malfunction in a BP gas rig caused a major ecological disaster in the Gulf of Mexico, severely damaging the tuna and tuna industry in the region. Design an in-depth digital article on the subject, including an intro image design for the article.
My role
UI design
graphic language
illustrations