Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

Landing Page

I've made a very basic landing page overnight (spent very few hours on it) and would like some feedback.

https://maxwellnewberry.github.io/resibee/

So far, there's only a few pages - let me know what you think! It's for the most part, mobile friendly.
[Image: CIbBKha.gif]
Looks cool bro, i usually make the email sign-ups a pop-up when people visit the page so it doesn't fill as much on the page.
Simple and nice, a lot of white going on haha.
I like the layout, maybe add a bit more spacing to the second part of the website, it all seems like clustered together.
Anyhow, great layout.
[Image: 6KMyuYs.png]
(Nov 14, 2018 11:36 PM)skull Wrote:  I like the layout, maybe add a bit more spacing to the second part of the website, it all seems like clustered together.
Anyhow, great layout.

Thanks for that suggestion, I've made these changes and it looks better.
[Image: CIbBKha.gif]
To me it looks very bright and hard to look at, also when scrolling down quickly the top bar becomes fully transparent then re appears like 0.10 seconds later.
Quick thoughts: I think you need to use more color in your design. A lot of people fall culprit to not using many colors (I do it myself sometimes). Adding more color can really improve a website's design. Personally, I'd also add more spacing at parts of the website (specifically the bottom half of the home page - the features section feels a bit too close together). Another place I think would benefit from more spacing is the section that holds the "Our Story" title at the top of the Our Story page.

I really like the mobile menu you've created. It's quite refreshing as I'm pretty used to the Bootstrap mobile menu 👍
My opinion is to change the light blue color to darker.
Looks good, would change the lettering a bit.
What technologies did you use?
[Image: 89758]
(Nov 20, 2018 03:39 AM)hash Wrote:  Looks good, would change the lettering a bit.
What technologies did you use?

Thanks, Atom IDE - then GIMP for graphics.
[Image: CIbBKha.gif]
(Nov 20, 2018 09:36 AM).russo Wrote:  Thanks, Atom IDE - then GIMP for graphics.

I mean languages/frameworks/libraries haha. Like React, Vue, whatever.

I recently switched from Atom to Visual Studio Code, if you're writing javascript it's amazing.
[Image: 89758]
It looks cool but the main page is too wide.
Another HF oldfag..
[Image: bPaich0.png]

The margin is different from top to bottom on this section. The bottom, I think it's a nice margin but the top is off. Instead of using head-text for the header in that section, make a new class, for example, add the following CSS and change the class on that div element to section-head-text, and the margin, I think will look better.

Code
.section-head-text {
    padding: 35px;
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
    margin-top: 1em;
}

I would personally have custom CSS for each section, as changing the head-text class will change all of the elements with that class. Just a suggestion.
http://sunjester.rf.gd - proxies, logins, scanner results
Very beautiful colour scheme, personally I would find it very hard to achieve the same beauty with the colours you've picked but you did a great job.


Possibly Related Threads...
Thread / Author Replies Views Last Post
by benkriefsyefOct 19, 2026 11:33 AM 3 2,474 Oct 19, 2026 11:33 AM
Last Post: benkriefsyef
by EagleEyeApr 13, 2019 05:40 PM 7 422 Apr 13, 2019 05:40 PM
Last Post: Faith Connors
by SuperNov 9, 2018 11:26 PM 21 1,117 Nov 9, 2018 11:26 PM
Last Post: zenosyne