Mobile app version of vmapp.org
Login or Join
Pope1402555

: 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

@Pope1402555

Posted in: #Critique #Identity #WebsiteDesign

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.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Pope1402555

4 Comments

Sorted by latest first Latest Oldest Best

 

@Pope1402555

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.

10% popularity Vote Up Vote Down


 

@Carla748

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)

10% popularity Vote Up Vote Down


 

@Deb5748823

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.

10% popularity Vote Up Vote Down


 

@Becky351

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme