New landing page and dashboard

[simonweb]

I've made a new landing page for guests and a new dashboard for my members. Please let me know what you think about it and what could be improved and so on. Thanks!

You can see the new landing page here https://redly.social

And here is a screenshot of the new dashboard page which will work as an index page for members:

 

[Deleted member 32117]

erm did you create the site?

 

[simonweb]

erm did you create the site?

Yes!

 

[Deleted member 32117]

erm did you create the site?

Yes!

EDIT: What could be improve is this topics
https://imgur.com/a/9TAS4tH

 

[simonweb]

What could be improve is this topics

And what exactly there could be improved? You're not giving me much to work with! 😉

 

[Deleted member 32117]

What could be improve is this topics

And what exactly there could be improved? You're not giving me much to work with! 😉

Right I mean probably have change topics to current news or trending topics and add it before Your community the one you can create etc. Oh Also I am gonna sign up and make a club or something

 

[Elli]

This is really nice! I'm in love with the UI. Font choice + color system + grid system are perfect, and the drop shadows on cards are on point! Not too heavy (common mistake). I found everything easy to navigate from my desktop.

A couple of thoughts on accessibility:

1. The blue-gray font color (#8d99ae) over white does not have a high enough contrast ratio, 2.88:1, which fails WCAG levels AA and AAA guidelines. This is very hard for visually-impaired users to read; even as a sighted user, I found it too light. Always meet AA, at the very least! This will accommodate the majority of your users, and improve user experience overall.
   
   
2. I personally found most of the font sizes on this landing page a little too large, and would recommend scaling them down. I also found that you are using px in your CSS. Consider rem! rem scales with browser zoom and font size scaling.
   
   
3. The submit button on your search bar does not have discernible text. To a screen reader user, this button will have no context. Consider:
   

   <button class="cSearchSubmit" type="submit">
     <i class="fa fa-search" aria-hidden="true"></i>
     <span class="visually-hidden">Submit search</span>
   </button>

   
   How to use the visually-hidden class
   
   
4. Your search field is also missing a label. Screen readers do not pick up on placeholder text, which means they rely on labels to create context for form fields. Consider:
   

   <label for="elSearchField">Search</label>
   <input type="search" id="elSearchField" placeholder="Search..." name="q">

   
   
5. Your "Redly" heading (H5 in the footer) is out of order in the document outline. It looks like it should be an H3 instead.
   
   
6. Consider replacing some of your <div class="landing_content" /> with the <section> element instead, which will make a more descriptive document outline for screen reader users.
   
   
7. This page does not have a level-one heading, which is not only necessary to make the page semantically correct, but also for SEO. I would recommend making the text "Redly is a community for people who want to change the world." as your H1.

Some thoughts on optimization:

1. It looks like you aren't using gzip or an equivalent compression utility. Definitely recommend, it would reduce file sizes across the site.
   
   
2. I don't see concatenated CSS or JS files, and you aren't using HTTP/2. This is creating extra network requests, which is delaying the load time of your page. Consider concatenating your asset files.
   
   
3. Some of your large background images can be optimized. I like TinyPNG!
   
   
4. Your asset files are also not being cached. Caching would allow your users to load the site more quickly!
   
   
5. One of your images is not being loaded over https, which is creating an SSL error. It looks like it's the image in your intro section.

All in all, a very nice landing page, and I liked what I saw past this page, as well. Fantastic work!

 

[Jerlene]

As a member of the site, I have to say that I love the new look! I like how everything is on one page and I don't need to go hunting for it.

 

[simonweb]

change topics to current news or trending topics and add it before Your community

Yes I agree, it would probably be better to change the title to trending topics or recent topics or something like that. Thanks!

A couple of thoughts on accessibility: Some thoughts on optimization:

Several good points, I'll see if I can fix that this weekend. Thank you!

I like how everything is on one page and I don't need to go hunting for it.

Thanks Jerlene, my goal was to make it easier for members to get a quick overview. I would also like to display some community stats on that page - such as total number of topics, posts, members etc - but I'm having difficulties finding the correct code for those data entries.

 

[Jerlene]

What software are you using?

 

[simonweb]

What software are you using?

I am using IPB with the Gallery, Blog and Pages addons. 🙂

 

[overcast]

Very nice design and dashboard. I'd say at some point it looks cluttered. But I am sure you can spot those areas and easily fix that. You did a nice job.

 

[Jerlene]

Wow. IPB really stepped it up. I'm shocked. It looks great. I was going to help you out with finding the codes but I'm not familiar with IPB anymore. Sorry. 🙁

 

[Jon]

I seriously think @ebbymac covered just about everything I wanted to say here. Great job on this @simonweb, you are clearly a very talented individual who pays attention to detail. I love it!

 

[Page]

Looks very good indeed. Did an good job

 

[iMage]

Just from a very quick look, it looks amazing. As someone else said, IPB has really stepped up their game eh. Great work