I want to know if this website is good enough to show to hiring recruiters… Some of the links are broken( articles, try for free, privacy, terms, jobs, in the dashboard- accounts, reports) as I am not finished with the website and it only works on desktops and laptops at the moment. And currently it only handles ultimate plans on sign up… basic and premium won’t work on sign up and it is only a item to show case in my portfolio so I didn’t add any credit card payments. Anyways again just need to know if I am doing a good job or just make a better website in general. I am mainly concerned with the dashboard when logging in. I’m not sure what to think of it. http://smartfin.cloud:8080/pages/home
- Who are you targeting?
- What can your app do for them?
- Why should they choose your app?
- How does it work?
It is not clear to me “who”, “why” and “how”. The most important for me as customer…
Uhm, well its a expense tracker website. But I just want to know like if the design of the website is fine? Or is there more to this? I would be targeting regular house hold families. And it can provide them to track their expenses, create categories, create budgets… I’m not sure I follow. I clearly stated this in the landing page didn’t I?
As a landing page, you should talk to me (the target) and tell me why it will help me. The design comes second IMO. A bad design with good content may sell better than the opposite.
Design is wallpaper without good content. And I find the content a bit vague. The design and content work together to create business.
Well where can I find an article or articles of that topic? I’ve never heard this before… I know of UX and UI… But not this. Does this have to do with branding?
There are tons of articles regarding marketing. The design part is more personal opinion.
- Clear target
- Clear “what’s in it for me…”
- Why shall I buy?
Okay I will look into that. But I just need one more thing clarified. Is the dashboard passible when it comes to showing to hiring recruiters? I can understand the design being part of personal opinion when it comes to free lance clients. But is it passable the dashboard part?
Meaning? Hiring recruiters? Regular house hold families?
No I mean like if I were to put this on my resume. I’m trying to get a job either as a free lance developer or maybe at a company. I mean to hiring recruiters or hiring managers. I basically made the website for show and tell basically not to make profit off of it. And maybe show to potential clients on Upwork or Freelancer.com.
I will offer a couple suggestions. Firstly, the site is very plain and simple, and not what I suspect a real customer would expect in 2025. I suggest looking at other financial sites and getting some design ideas from them. If folks are going to type in all their budgets and finances to your site, they at least need to feel like it’s a professional site.
Secondly, there are some real issues with the code, that suggest you’re a beginner with html and css. Running the code through the validator (https://validator.w3.org/nu/?doc=http%3A%2F%2Fsmartfin.cloud%3A8080%2Fpages%2Fhome) shows a batch of errors and warnings - something you should correct before going public with any site. Also, your coding of CSS seems to have completely missed the “cascading” part of it. I’ll give an example, but the same issue appears throughout the code:
Your navigation css looks like this:
#navbar {
width:100%;
height:300px;
}
#navbar-div {
text-align:center;
}
#navbar-ul {
list-style:none;
}
.navbar-li {
display:inline-block;
padding-left:28px;
padding-right:28px;
}
.navbar-a {
text-decoration:none;
color:#F88B07;
}
and your navigation html looks like this:
<navbar id="navbar">
<div id="navbar-div">
<ul id="navbar-ul">
<li class="navbar-li" style="floar:left"><h1><a style="text-decoration:none; color:#136AEC;" href="">SmartFin</a></h1></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/home">Home</a></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/about">About</a></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/contact">Contact Us</a></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/plans">Plans</a></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/articles">Articles</a></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/try_it_free">Try it free</a></li>
<li class="navbar-li"><form method="post"><input type="text" name="search" placeholder="Search..." style="width:180px" /><input type="submit" value="Search" style="padding-left:10px;"/></form></li>
<li class="navbar-li"><a class="navbar-a" href="http://smartfin.cloud:8080/pages/login_page">Login</a></li><!-- login_page -->
</ul>
</div>
</navbar>
Firstly, there is no such html tag as “navbar”, you may have meant “nav”. But you have three layers of elements here, where you should only have one, and your CSS is written as if there is no cascading. Let me show you how it more appropriately should be written:
CSS:
ul#navbar {
width:100%;
height:300px;
text-align:center;
list-style:none;
}
ul#navbar h1 {
text-decoration:none;
color:#136AEC
}
ul#navbar li {
display:inline-block;
padding-left:28px;
padding-right:28px;
}
ul#navbar a {
text-decoration:none;
color:#F88B07;
}
HTML:
<ul id="#navbar">
<li><h1><a href="">SmartFin</a></h1></li>
<li><a href="http://smartfin.cloud:8080/pages/home">Home</a></li>
<li><a href="http://smartfin.cloud:8080/pages/about">About</a></li>
<li><a href="http://smartfin.cloud:8080/pages/contact">Contact Us</a></li>
<li><a href="http://smartfin.cloud:8080/pages/plans">Plans</a></li>
<li><a href="http://smartfin.cloud:8080/pages/articles">Articles</a></li>
<li><a href="http://smartfin.cloud:8080/pages/try_it_free">Try it free</a></li>
<li><form method="post"><input type="text" name="search" placeholder="Search..." style="width:180px" /><input type="submit" value="Search" style="padding-left:10px;"/></form></li>
<li><a href="http://smartfin.cloud:8080/pages/login_page">Login</a></li><!-- login_page -->
</ul>
This is untested, so I may have made some errors, but hopefully you can get the idea and replicate this for your other similar sections. There are more issues beside this, but I’m just offering up a start.
Frankly if you want an answer to your question, it is no, I would not submit this site to a recruiter.
Okay thank you. I will take all this into consideration.
Also would you show me some of your work you have made in the past? Do you have a web portfolio web site I can see or maybe some links to websites you have built?
Do you have a web portfolio web site I can see or maybe some links to websites you have built?
As @tracknut pointed out, you may have some basic stuff to explore first. I admire every effort to not use Wordpress or any framework (I am quite alone with thinking “clean architecture”). Your site (IMO) has potential, but some basic stuff ought to be adressed.
I am an odd bird. Not a regular web developer. I am leaning towards app development instead. And I use an uncommon tool for creating web sites. And I am still learning.
So my “portfolio” is about to document my journey to learn web development, rather than attract customers or employers. So there are mistakes and things I may have done different today.
1 Like
Hi @computerdev1992,
There is a lot to learn about HTML and CSS and it’s not something you are going to master in 5 minutes.
Basics are important, as tracknut has touched on, knowing about the cascade, specificity etc.
Personally, I think you could benefit from doing some tutorials. The following are by a guy called Kevin Powell, he is passionate about CSS and is a great teacher. The courses are free.
Completing these should help you bring your site up to a more professional level.
If you have questions along the way, I am sure there will be people here who can give you assistance.
Edit:
I just want to pick on sibertius’s last sentence.
Likewise.
I first touched CSS around the beginning of the noughties, sometime around 2002?. My CSS is rusty and I’ve just started on one of Kevin’s premium courses to hopefully brush up on my skills and fill in a few gaps. In short it’s good to learn 
1 Like
I retired quite a while ago, and stopped making paid sites for others. So I don’t have a portfolio online anymore. My main project, that I keep up and work on a fair bit, is for a collection. It’s at FrenchBanknotes.com if you feel like taking a look.
I agree with @sibertius comment encouraging you to keep up the “hand made” site, without using the various framework tools, which both keep you from learning the actual technology and box you in to the set of capabilities they’ve incorporated.
Your link doesn’t work.
China and Russia are blocked by Cloudflare (spam magnets). If this is the case, you can try to use VPN. The links should work.