: Critique: Tritium website design In follow up to this question: Critique: Tritium software logo design. For reviewing the website code (performance, bugs, related user experience), please visit the
In follow up to this question: Critique: Tritium software logo design. For reviewing the website code (performance, bugs, related user experience), please visit the sister question on Code Review.
I am looking for a review of the design for my Tritium website (source code).
Specifically:
One goal of the website was to keep it simple. Have I accomplished that?
Do the colors in my palette complement each other?
Background: #171d25
Animated atom: #333
Logo: #f8bd24
Link text: #6e6e6e
Brand header, hover link text, button: #78C40F
Navbar: #000
Body text: #fff
Are all of the past critique implemented correctly design-wise? Did I go overboard?
Implemented @DA01 's logo design (used with permission).
Added the atom to the background per one of @Yisela 's suggestion's, animation courtesy of @squeamishossifrage .
Tried to keep it simple based on the numerous other suggestions.
Does my font choice work well with the rest of the website's look and feel?
Are there any design concepts I overlooked and haven't implemented?
I am still somewhat new to website design, so please be as harsh as necessary with this.
More posts by @Pope1402555
4 Comments
Sorted by latest first Latest Oldest Best
Not exactly a design issue, but on usability -
The site says it is FREE, but when you click 'VISIT DOWNLOAD PAGE' the pop-up asks for a donation. What if I don't want to donate before trying the software? There should be another option like 'CONTINUE' or 'CANCEL' so that the user can actually visit the download page and download the software, if is he / she doesn't donate.
So I'd recommend redesigning the layout of the pop-up and including another button as suggested.
Great design! I especially like the atom animation at the right.
I like your colors. As an alternative you could use a dark blue for the background. This gives the page a deepness like the night blue sky:
I used Colorizr.js to play with your color palette. If you would like to fine-tune your colors use the following settings that fit your page:
The colors are from top to bottom: rgb(25, 33, 44), rgb(14, 191, 14), rgb(212, 212, 212), rgb(26, 40, 60), rgb(26, 40, 60)
You won't win the designer of the year for that. But the less there is, the less there is to dislike I guess.
Your yellow version of the icon has ellipses taller than wide:
It is weird looking and even weirder as a mustard on gray when it is put in the browser tab icon. If you are going to make a browser tab icon then just make it dark gray or black.
It seems like there is just one thing to click on which is "visit download page". If that's all you have, why isn't it the page?
It asks for money but my browser doesn't give anything else. Maybe it does in your browser, but I use TorBrowser and you all should too. NSA is evil. Anyway, for what it is worth, it just pops up a dialog and does nothing.
I think the website design works. I like your transitions for the header links. Clear and concise communication.
Color palette reminds me of a nutrition company or similar.
I think font choice works well for tech-related website. I would probably scrap the serif face for a complimentary sans-serif face, but that's purely personal taste.
Also, I noticed that in terms of responsiveness, a dropdown might be useful in your headers when viewed on small screens (mobile). As I am new to the coding side of graphic design, I thank you for including the source files. I will probably dissect it and learn some of the header transitions you implemented.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.