Hello Folks, this week's challenge is pretty challenging and interesting. So I created this app "ChargeX" for a specific company like Mercedes but we can use it for a general app too. so if you have two wheeler EV or any car still you can select your model and use this app. After selecting the model you have to connect your vehicle to this app to get an update about your battery. Here I'm giving multiple features on the home page, like battery percentage, how much time it will take to get a full charge, nearby stations on the map, and range. After that on a battery Analysis page, we can get all the important information about batteries. Nearby stations contain a very special feature which is you can book your slot in advance to a nearby charging station so you don't have to wait in a queue. We can save any stations and use them in the future. I use this dark theme UI to make the app more attractive and user friendly and easy to understand.
Hello Folks, this week's challenge is pretty challenging and interesting. So I created this app "ChargeX" for a specific company like Mercedes but we can use it for a general app too. so if you have two wheeler EV or any car still you can select your model and use this app. After selecting the model you have to connect your vehicle to this app to get an update about your battery. Here I'm giving multiple features on the home page, like battery percentage, how much time it will take to get a full charge, nearby stations on the map, and range. After that on a battery Analysis page, we can get all the important information about batteries. Nearby stations contain a very special feature which is you can book your slot in advance to a nearby charging station so you don't have to wait in a queue. We can save any stations and use them in the future. I use this dark theme UI to make the app more attractive and user friendly and easy to understand.

Feedback (18)
It's very good design and appreciable...
Can be improvised - 1- On the home screen:- - WidgetUI for the nearby charging stations on the home screen can be improved: looks too empty. - Focus on the remaining battery life of 62% is less due to visuals, for the user remaining battery life should be clearly visible and highlighted since it is important 2-The timing widget "full charge in" on the home screen currently in HH:MM: SS format is shown in the design, this fits well for the current 00:30:25, kerning changes with changes in numbers so the widget should be flexible enough to equip data. 3- Usability wise Bookmark and Search icon with transparent background on the map is not that feasible. Should have some clickable area. 4- Only one widget "Charging info" has an image added what if that numeric value increase is that widget flexible enough? 5- Also, the navigation back button could be provided on top, either keeping the screen title at the center or left aligned. Done well - The UI looks Cool but usability wise few things have to be worked upon. Use of font sizes, weights, and spacing all over is maintained correctly and consistently 👍, Like the logo Charge X. there is a lot in the feedback other than spacing, and typos, that I tried to highlight as per the usability Hope this helps 😊
Great work Meet ! i would appreciate if you have any Feedback on my submission as well!.
Hey, Sushrita Kumari Padhy , Thank You for your feedback, here I want to clear up some points. -> Yes, I designed for Mercedes Benz and the app name should not be Mercedes Benz! that’s why I named it to ChargEx. -> Reason behind putting a charging station on the homepage is when users see their battery percentage on the home page he/she can easily note the map feature so that in one click they can find out nearby stations. Actually, it will redirect to the map page. -> charging bar shows the current battery percentage and battery health is showing the condition of the battery. both are different, this data is connected with the battery expiry so if battery health is under 10-20% so that changing date is near. -> I checked this design on my phone and the font and icons were clearly visible maybe this presentation seemed smaller but actually I followed all guidelines of typography and icon rules. ->that is not a 3d icon in charging info. it is the picture of a charger that is supported in a specific car. each car supported different kinds of charger cables and ports so visually it’ll be more clear to users which charger should they use for their car.
Hey, Meet I must say your design concept is nice. Here is my feedback on your submission: On the welcome page, why did you name that ChargeX? You have designed interfaces for Mercedes Benz, right? On the home page, instead of showing charging stations try something different. On the battery analysis page, the charging bar and battery health both are the same meaning. You have shown the charging state on the home page again you have shown that on the battery analysis page differently. You could have shown a different state. Make your design consistent. UI POV -> If you are using the status bar then have to use the bottom home indicator too. Otherwise don't use it. -Home page- ->It's not required to show a map icon right to the charging stations. -> Battery range and full charge Icons could be bigger. -Battery analysis- ->I didn't get it. Why did you split the elements here? Could you please clarify? ->Text size could be bigger. ->Focus on typos. Some texts are small and some are big. ->You can use Figma mirror/sketch mirror/crystal/ adobe xd for previewing the designs. There you will see the UI mistakes. -> Use the Battery icon instead of the charge/volt icon. Icons need to be recognizable. ->Improve legibility by increasing element spacing. ->Why did you put the 3D Icon in the charging info? -Nearby Stations- -> Why that 2.5km text weight is low? Don't you find that important? ->Elements/cards could be lit bigger. Not able to see those texts. Even users will be frustrated by seeing this. For better readability show one or two cards/elements that's enough. Thank you.
An extremely user-friendly design, with all necessary features at hand 🙌🏻
The design is very and accurate. Here your hard work can be seen. Looking for such amazing designs
I like the way the UI looks and how easy to use this kind of features in an app Good work👍🏻
Hey Meet, The design and colours are outstanding. On the 4th screen, the nearby station page can have a "location icon" rather than a "message icon".
Creative!!!!✨
Amazing Design, Great work💫👍
Amazing work🤩🤩🤩
Awesome and pixel perfect design meet. Like your work.
Hello @aishwarya, thanks for the feedback. I noted your point but the ideology behind the using this app module is before you use your car you'll be notify in advance
Seems great design 👍
Great page designs, I think showing similar information in dashboard designs will be helpful. Liked the idea of how information is showing in the app but I think app information is the least usable but same visualisation in the dashboard will help more.
Great
Fantastic design really love it