Planning to improve my website

Neoxenos

New member
Joined
Apr 26, 2021
Messages
8
Recently I published a website which is related with battery backup and battery pack configuration calculation.

Could anyone help me to improve the tool or anyone has any suggestion feel free to comment.
Here is my site.
Backup Calculator
 
Tell us more about yourself and your website I am kinda skeptical about going to a site on without some details about what to expect to find there.
battery backup and battery pack configuration calculation.
Could mean just about anything. Is it meant for small cells 18650's, cylindrical cells or larger prismatic cells or other cell/battery types?
later floyd
 
Riding a fine line between contributing to the community, and getting the spam hammer, Neoxenos.

You will need to present more information about your project, history, where you plan to go from here, etc.
 
Thanks for letting me know. There are various improvements I might be making on this. For now, it is just a beginning. Just trying to be useful for novice users who wanted to roughly estimate battery capacity for their home. Even a simple battery pack configurator as an extra feature might come as handy for quick Battery Pack configuration info.

@Korishan @floydR Thanks for your input. Think I would add more info in the coming days.
 
The page looks like its about entering a 90s page. Its static and you present text. People dont want to scroll down to what they want to go to but see the calculator only. Add an "about" button instead.

Also note that that type of calculator exists in many forms and factor so its more about what you can offer as a whole. You only heave 3 seconds to get approval from a viewer. if you dont get it the first time they wont come back :)
 
@floydR. I just started this website for calculating power backup for my home. A bit of initial research leads me to plan for making a custom battery pack. I am still a novice in this field. So by making this website hoping to be beneficial for others who want to start similar for themselves.

Currently, the site gives only a general estimate regardless of battery configuration.

Future plans are based on inputs from various sources and ideas to create tools/information.
 
@daromer. I know it looks like a 90's page. As I am mostly a coder than a designer myself, It is purposely built as static. Since I am the only one managing this. I don't want too much load on a site to add fancy UI actions. but minimal as possible also be useful more rather than looks.
It is optimized to load faster use low resources and cost. Also plan to optimize its SEO friendly (google loves static than dynamic websites)

Another thing I agree with is what a user thinks to use this only as a tool so yeah, I think I would place my tool above and navigation buttons/links are a good improvement.

Actually, it is like the simplest JAMstack website. Which is not the 90s. :geek:
 
I just started this website for calculating power backup for my home. A bit of initial research leads me to plan for making a custom battery pack. I am still a novice in this field. So by making this website hoping to be beneficial for others who want to start similar for themselves.
I think the site has potential For the novice battery builder, just learning The terms can be intimidating, Ah, Wh, kWh, mAh, etc especially when asking a question on Fb capitalize the wrong letter or use power instead of energy or vice versa one might not want to come around again since "Everyone knows exactly what to say" on Fb. Like you this is not my field and I will always be a beginner/novice with many things in Battery building.

Later floyd
 
When i define it as static It wasnt about the content but the CSS parts. And its wrong to say static since you do utilize and change the width but all width excepts for mobile doesnt use the full widht. Not even when you have a small size screen you get the full width? Why have a right end that takes up 20% of the total screen with nothing on smaller screens? :)

Yes its not big things but its noticeable and you asked for input :)
 
I think the site has potential For the novice battery builder, just learning The terms can be intimidating, Ah, Wh, kWh, mAh, etc especially when asking a question on Fb capitalize the wrong letter or use power instead of energy or vice versa one might not want to come around again since "Everyone knows exactly what to say" on Fb. Like you this is not my field and I will always be a beginner/novice with many things in Battery building.

Later floyd
All things are right from your side. These things are all noted as improvements. Thanks :)
 
When i define it as static It wasnt about the content but the CSS parts. And its wrong to say static since you do utilize and change the width but all width excepts for mobile doesnt use the full widht. Not even when you have a small size screen you get the full width? Why have a right end that takes up 20% of the total screen with nothing on smaller screens? :)

Yes its not big things but its noticeable and you asked for input :)
Points are taken. Maybe adding a feedback form would eventually help.
One of my future plans is to help people to kickstart in battery tech and hacks as easy as possible :)

Many thanks, mate.
 
When i define it as static It wasnt about the content but the CSS parts. And its wrong to say static since you do utilize and change the width but all width excepts for mobile doesnt use the full widht. Not even when you have a small size screen you get the full width? Why have a right end that takes up 20% of the total screen with nothing on smaller screens? :)

Yes its not big things but its noticeable and you asked for input :)
Points are taken. Maybe adding a feedback form would eventually help.
One of my future plans is to help people to kickstart in home energy storage
 
@Neoxenos I love your effort YES! And the calculations you do are useful. Maybe you could add some other ones, too, like calculating voltage loss over a cable which is needed when buying the (expensive!) cables for these lovely systems based on rechargeable batteries (*details below, you can search it). Add a full set of calculations, maybe divided in categories.

What others say is correct. I could suggest you to make a plan, a design, of what your site should contain -all of the contents. Then organize a top menu and a footer and show contents in the middle. All of the calculators (make a nice list of them) could, for e.g., be in a menu all by themselves.

But I could suggest you a few things (I had a team of webdesigners for 3 years which made nearly 30 websites for the TOP fashion stylist in the world... yes, you can name them LOL and I learnt so much from that experience, both about layouts and CSS and of the design world!):

- For now don't worry about minifying your html/css/js!
- You must have a look at some modern layouts, good ones, very clean ones. And do some test for your new attractive layout, simple, clean and functional.
- Choose a set of colors, for background (I must like it not you LOL), text, borders, alerts, menus, selected stuff and so on (a few colours, but good ones with the correct contrast -no blue on yellow!). Colour set will be used in a consistent way in all pages.
- Use multiple pages; one for the home and the presentation; one for "about us" (will be the last entry on the right side of the top menu).
- Write/Draw down your navigation schema: all the pages, all the links in the page; I click here and this comes up; click there and this page comes up, etc.
- Make the full navigation skeleton first, then fill the pages.
- Don't publish incomplete pages nor "in construction", just give the user what's available.
- Important stuff must be in the visible part of the screen (the top!).

And last but not least: keep everything simple, from DOM to CSS to JS... and layout!

Please updates us!
jes

*Voltage drop based on cable length/materials/amps

First: calculate resistance for the cable having length L, cable section S, cable material resistivity;
formula is R=K*L/S, for copper resistance K is 0.02ohm/meter, so for my 10mt copper cable with 6mm2 section I will have
R=0.02*10/6=0.033ohm

Now I can calculate something even better, the voltage drop, should remain under 4%, the lower the better;
formula is well known V=I*R (LOL), I will carry 29.2amperes on the cable (three solar panels on a 6mm2 cable), so I will have
V=29.2*0.033=0.96V voltage drop on a 10mt cable.

I will maybe use a bigger cable to reduce voltage drop!

P.S. don't take what I say for correct, check everything out yourself!
 
Small correction needed AH is not correct needs to be Ah.
Wolf
1620179532246.png
 
@Wolf Thanks. I am just a beginner on this. Will correct it. But anyway I can add few more calculation if requred like @italianuser mentioned.
Currently I am finding a way to improve design. But for now I am doing quick changes.

@italianuser I will take you r points into consideration. Let me know what more I could do. Thanks for all your reveiews highly appreciate.
 
Ok, we're waiting to see version 2 of the layout 💯

Look at this layout: "Digikey Conversion Calculators", it's quite an old site so it has many calculators but layout is quite modern. It's interesting to note how page and functions are divided.

So, maybe you could add:
- AWG and SWG tables, possibly complete ones, put both table and a description of the metrics and meaning of the parameters;
- a calculator for pack capacity in both Amps (Ah) and KWh given the number of cells in series and parallel (for e.g. 7S20P) and the single cell capacity; I'd like to draw packs, noob as I am, selecting cell holder (I bought 5x4 cell holders)... and adding how many holders I need in horizontal and vertical; if you also memorize holder size in mm and inches I could know how much space they occupy (see it in 3D?) (uhm I'm going to far! LOL but just wanted to show how many things you could put on the site);
- charge/discharge curves (maybe a generic one) for each type of battery (you can find them on Battery University), including some description of what's going on;
- a calculator for wire amp capacity... what cable do I need to carry 100A at 12V and 100A at 220V? ...
...
ok, now I'll go and make coffee! :coffee::giggle:
 
Agreed with bad general design.

And the colors...oh dear.
Windows 95 green has to go. I'd use black with yellow text font but that's only a preference. Anyway, don't use white, it's the most eye-annoying.

That background is ugly, should stay a dark color but there are millions of nicer things you can put there.

Then, center the calculator on the mid of the page (X-axis, with auto-adjust for any resolution).

Reset button - not gray. Make it nuke-yellow or something.

Calculate button - blueish at start, green when all fields are completed and it's ready to be used.

Result window - place it below the initial window (which should be smaller - too much space waste for only a few lines).

General info should be on a separate tab or below the useful tool.

The help pop-up needs to be a small icon that spawns what's needed if pressed.

That's how I'd do it.
 
Back
Top