MyOS
Modern Interface design for Smart Feature Phone
running with WhatsApp and Facebook
Role
ID concept | UI Design Lead | Art Direction Video
Professional work launched in 2019 by MobiWire | UI UX Design
VIDEO
UI design process
01 - The idea was to refresh and modernize the existing UI for MobiWire
{"items":["e52a4d7e-e717-4c59-a569-1887a3813592","aaccca29-81f2-454a-8647-2fbc0e7c867c","2f2105ba-2408-4d15-9f32-2315ffc4c4fe","c932da72-bbc7-4963-9480-6f588c58a8bc","2fc0fb26-13f2-4131-9959-f42cb1be0378","e80907e2-f4dd-4555-b6d0-81114901c0ab","de805b11-4036-4c49-91a7-39298e29fb87","c6999853-3a97-439b-bbf1-fa89339bb2ac","5293625a-6dd0-4a3b-af99-0c7cebf36a02","16bddeb2-3b44-478f-b4ff-366dc4a78884"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":false,"cubeImages":true,"cubeType":"fit","cubeRatio":1,"isVertical":true,"gallerySize":227,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":7.5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":1,"gotStyleParams":true,"selectedLayout":"2|bottom|undefined|fit|true|undefined|1","isRTL":false,"minItemSize":50,"fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":true,"loveCounter":true,"videoLoop":true,"videoSound":false,"videoSpeed":1,"videoPlay":"hover","gallerySliderImageRatio":1.7777777777777777,"galleryImageRatio":2,"numberOfImagesPerRow":3,"sharpParams":{"quality":90,"usm":{}},"viewMode":"preview","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","itemClick":"expand","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":0,"gridStyle":0,"titlePlacement":"SHOW_ON_HOVER","hoveringBehaviour":"APPEARS","mobilePanorama":false,"isAutoSlideshow":false,"slideshowLoop":false,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"autoSlideshowInterval":4,"arrowsSize":23,"slideshowInfoSize":200,"imageLoadingMode":"BLUR","scrollAnimation":"NO_EFFECT","overlayAnimation":"NO_EFFECT","imageHoverAnimation":"NO_EFFECT","expandAnimation":"NO_EFFECT","itemBorderWidth":0,"itemBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(0,0,0,0.2)"},"itemShadowBlur":20,"loadMoreAmount":"all","itemShadowDirection":135,"itemShadowSize":10,"imageInfoType":"NO_BACKGROUND","textBoxBorderRadius":0,"textBoxBorderWidth":0,"textBoxBorderColor":"color-5","titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":"color-2","textBoxHeight":0,"textImageSpace":10,"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"AUTOMATIC","galleryLayout":2,"thumbnailSize":120,"useCustomButton":false,"itemOpacity":{"themeName":"color_14","value":"rgba(51,51,51,0)"},"itemFont":{"style":{"bold":true,"italic":false,"underline":false},"family":"futura-lt-w01-book","preset":"Heading-S","editorKey":"font_6","size":25,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal bold 25px/1.4em futura-lt-w01-book,sans-serif;"},"itemFontSlideshow":{"family":"helvetica-w01-bold","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"helvetica-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px helvetica-w01-light,helvetica-w02-light,sans-serif;"},"itemDescriptionFont":{"family":"helvetica-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px helvetica-w01-light,helvetica-w02-light,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonText":"Load More","loadMoreButtonFont":{"family":"futura-lt-w01-book","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em futura-lt-w01-book,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"isAccessible":false,"isMasonry":false,"layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":979,"height":381,"position":"","galleryWidth":994,"galleryHeight":381,"scrollBase":0}}
old wireframes
02 - Market analyses and researches on UI trends lead me to the gradient effect which became a guiding element for this project
inspirations
03 - creation of the icons and guidelines: shapes, colours, fonts
app design
shape
line
highlighted
04 - wireframes design of MyOS
05 - redesigning the MyOS logo
OLD LOGO
NEW LOGO
TEAM WORK
Behind each realization, there are many dedicated people, thanks to whom projects run smoothly. Many thanks to my UI team in China thanks to whom impossible became possible! :)
