If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Oct 2016
    Member #

    Current Rating

    Visual Appeal:
    5.0 out of 5

    5.0 out of 5

    Website Speed:
    5.0 out of 5

    5.0 out of 5

    Overall Rating:
    5.0 out of 5

    Rate This Site

    Advertisement (login to hide this!)

    You must be logged in to view this site

    Could you give me design advices about this landing page, please?

    I've just started learn to create websites, learn to html coding, javascript and css coding, and a little photoshop as well.

    I created an image about a landing page for my new application. This is my very first home-made project. The application helps you to typing safety on street, because it turns the camera on. I know there are many of these type of applications. I just create it for fun.

    There's a fixed bar on the top with ghost CTA button and a brandname. On the left there's an image of a street which will be animated when you scroll down. There will be a man who will avoid bumping into hydrant, dustbin and a girl.

    On the right side there will be an image of the apllication (that's not ready yet), a little text copy and an other CTA.

    You can't try the page. This is just an design idea.

    What do you think about the design, about the colours etc? What do you think about the scrolling concept?

    I need hard critics. Thanks for answers.
    Last edited by Dave_C; Oct 04th, 2016 at 02:22 PM.


  3. #2
    Senior Member hiitsme's Avatar
    Join Date
    Apr 2015
    Member #
    35 times
    It is not possible to say anything without the actual content, since content is what is the most important. Will you have enough of content for users to scroll down and see the animation?

  4. #3
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Not from USA
    Member #
    2784 times
    I just saw this post now.

    You're going to have a tough time with this one. The colo(u)rs look nice, but a simple eyeball test indicates that they'd fail a basic contrast ratio check. White on dark green just barely passes Level AA for large text and the white on light green/vice versa fails completely. Here's a free tool that will allow you to compare your foreground/background colo(u)rs and see if they pass.

    It sounds pretty complicated, but there's a very simple way to understand this: darker elements on lighter backgrounds and vice versa will increase contrast ratios. Your ideal should be 4.5:1 for large text.

    You're far from the only person to make this mistake, although the good news is that you made it pretty early and can correct. It's a significant problem, and one that isn't discussed, in modern web design. Unfortunately, it's also propagated by sites such as Canva that can list off 100 "great color combinations" that will largely fail this test. No one's talking about it, guess is because no one really knows.

    EDIT: one other tool you may wish to check out is . If your colors fail, they'll show you ones that match. If you want to stick to your hues, check the "valid colors and very close to initial color" option. You'll often have to tweak their results, but they'll at least get you close.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 02:35 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: