top of page
![](https://static.wixstatic.com/media/9c5c67_6ace52490df84203b083aa41168669b8~mv2.png/v1/fill/w_79,h_65,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Asset%202.png)
![Rectangle 2.png](https://static.wixstatic.com/media/9c5c67_7d5636cd7d9a43f0ab0a8feeb8e44c69~mv2.png/v1/fill/w_49,h_14,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_7d5636cd7d9a43f0ab0a8feeb8e44c69~mv2.png)
Weather°
UX | UI Project
![](https://static.wixstatic.com/media/9c5c67_b7a508020cb74303a1aa43498c7aacfe~mv2.png/v1/fill/w_76,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2034%20v2.png)
![Rectangle 6.png](https://static.wixstatic.com/media/9c5c67_800f989f91144f9488396421b34b4bd2~mv2.png/v1/fill/w_49,h_18,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_800f989f91144f9488396421b34b4bd2~mv2.png)
![](https://static.wixstatic.com/media/9c5c67_ee631c5a9ca94306a007b095ff0dd360~mv2.png/v1/fill/w_49,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Sun%20with%20shade.png)
The App
Weather app for mobile.
The Idea
Creating weather app, that will have a fresh and clean look.
At the same time, I wanted that the app will show the important
information so the user's eye will catch it as fast as possible.
The UI Design
![](https://static.wixstatic.com/media/9c5c67_8bcb272d43234fb8bd90a38842649339f000.jpg/v1/fill/w_90,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/9c5c67_8bcb272d43234fb8bd90a38842649339f000.jpg)
The Typography
Big Temp - Poppins, Medium, 56 px
City Name - Poppins, Medium, 32 px
Weather cast - Poppins, Regular, 16 px
Text - Poppins, ExtraLight, 16 px
The Colors
![](https://static.wixstatic.com/media/9c5c67_e4078ecba1794625ad21e554838ebbce~mv2.png/v1/fill/w_61,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_e4078ecba1794625ad21e554838ebbce~mv2.png)
#4470FF
#2F239B
![](https://static.wixstatic.com/media/9c5c67_8356550d035745daa2af755d8722348a~mv2.png/v1/fill/w_61,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_8356550d035745daa2af755d8722348a~mv2.png)
#06060E
#1C1F46
![](https://static.wixstatic.com/media/9c5c67_cba7f3d263c8457896b19f6b343bf7f3~mv2.png/v1/fill/w_61,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_cba7f3d263c8457896b19f6b343bf7f3~mv2.png)
#1E1D34
#777781
![](https://static.wixstatic.com/media/9c5c67_4f2e56a0c38d473580b1fd9659d740d2~mv2.png/v1/fill/w_61,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_4f2e56a0c38d473580b1fd9659d740d2~mv2.png)
#FFFFFF
The Iconography
The weather icons are my design, made by Illustrator.
![](https://static.wixstatic.com/media/9c5c67_dff7b3093d9543bca97b38e1f74dd845~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2022.png)
![](https://static.wixstatic.com/media/9c5c67_6837bf65c5894d00b46947d3bb54b3de~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2019.png)
![](https://static.wixstatic.com/media/9c5c67_576c1149108e45938bafe729ba61b268~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2018.png)
![](https://static.wixstatic.com/media/9c5c67_4750d7a95a8848dabf8b5bd301a087bc~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2017.png)
![](https://static.wixstatic.com/media/9c5c67_1513b83b2c6a40c48540c72b5121b596~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2013.png)
![](https://static.wixstatic.com/media/9c5c67_bc423368e5c0422ab0581effaed9fa28~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2026.png)
![](https://static.wixstatic.com/media/9c5c67_62fcc7763c2d4dc58c4855ba344bf168~mv2.png/v1/fill/w_178,h_178,al_c,q_85,blur_3,enc_auto/Group%2025.png)
![](https://static.wixstatic.com/media/9c5c67_406c56ec75aa40fda3258f1ddc2be8e0~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2027.png)
![](https://static.wixstatic.com/media/9c5c67_7744cf0b3b4e49c69afdef5bd17ee67a~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2024.png)
![](https://static.wixstatic.com/media/9c5c67_1f70ba3cc08f46968300724faaefe1bc~mv2.png/v1/fill/w_74,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2023.png)
![](https://static.wixstatic.com/media/9c5c67_e39c431d7e0c4485ad6c1d9def71033c~mv2.png/v1/fill/w_86,h_155,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9c5c67_e39c431d7e0c4485ad6c1d9def71033c~mv2.png)
![](https://static.wixstatic.com/media/9c5c67_13be3a3ad12a4f3b989e9b5e21d63784~mv2.png/v1/fill/w_49,h_88,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/ux%20city%20big%20temp%20screen%20mockup.png)
![](https://static.wixstatic.com/media/9c5c67_bdeb08028b284b4eaf0f326e19f82e8a~mv2.png/v1/fill/w_49,h_88,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/ux%20city%20small%20temp%20screen%20mockup.png)
The Wireframes
I wanted that the information will be big and centered.
Keeping the screens clean, with the minimal information needed.
![](https://static.wixstatic.com/media/9c5c67_ccc7800dd924497e9c20278ac7c22941~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/main%20screen%20mockup%202.png)
![](https://static.wixstatic.com/media/9c5c67_8a286931991141409fdd0bf70b8ac321~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/barcelona%20big%20screen%20mockup%202.png)
![](https://static.wixstatic.com/media/9c5c67_f1bc53367c0e422f944db504e1eb4134~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/barcelona%20small%20screen%20mockup%202.png)
![](https://static.wixstatic.com/media/9c5c67_79115d840346453ba7a1d050ff816c44~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/moscow%20big%20screen%20mockup%202.png)
![](https://static.wixstatic.com/media/9c5c67_a40b11289b56417c9561f871f9ac33be~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/moscow%20small%20screen%20mockup%202.png)
![](https://static.wixstatic.com/media/9c5c67_d52c6ffde9aa4eeb931e65bba1c42adc~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/jerusalem%20big%20screen%20mockup%202.png)
![](https://static.wixstatic.com/media/9c5c67_77382806e96948e78305ca6a1b9ee2db~mv2.png/v1/fill/w_49,h_95,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/jerusalem%20small%20screen%20mockup%202.png)
Here are some other works
Givatayim Observatory
Branding
Advertising
bottom of page