What essential aspects to review before the publication of the Web site?

[jose_luisg53442946]

Hello people:
I have a website in development:
https://unahistoriadeafrica.businesscatalyst.com/index.html
Now I want to publish it and I need good advice to avoid bigger mistakes.
I am aware that content and design, color or typography do not have to please everyone.
But I need more "technical" advice about formats or elements that may cause problems.
I will appreciate and read carefully any suggestions.

A greeting.

Pepe García Luengo.

[Dean_Utian]

Hi Pepe,

I know you don't want feedback on colour and type but will make some short comments on this.

First, it looks like an interesting subject and the navigation is clear and easy to use.

I'd say the colours are too strong to have across the whole page. Use strong colours to lift parts of your page but have areas of relief.

With text that is information, don't have it all in bold and don't have drop-shadows. It is not reader friendly.

With pages like the one below, the semi-transparent white box needs to be even less transparent. It's hard to read text when there is a lot going on behind it in terms of texture and variations of  dark to light.

CINCO TEMAS

I see you have not made the site responsive (scale to the browser size). This does mean it won't work well on small screens or even if you have a large screen but the browser ins not full screen.

Am happy to talk more if there is a specific part you'd like feedback on.

[jose_luisg53442946]

Hi Dean:

Thanks for your answer.
Everything you indicate seems important, but I am very concerned about the responsive site.

Do you think it is possible to reform the site to make it responsive?
Any indication will be very helpful.
A greeting and thanks again.
Pepe García Luengo

[Dean_Utian]

Hi Pepe,

If you want to take on board all the feedback from others here, quite substantial design changes would be required. While doing this, you could consider the way it would work as a responsive site.

See the link below that has good information on responsive design including tutorials and other information:

Getting started with responsive design in Adobe Muse

[jose_luisg53442946]

Hi Dean:
It seems to me that the solution will be to apply the principles of responsive design to the mobile version of the website. But that will not be tomorrow.
Thank you very much for your help.
A greeting.
Pepe García Luengo

[Günter Heißenbüttel · Accepted solution]

Frankly spoken: Do you really want the visitors of your site to read it? Personally, I am not able to read especially the capitalized headlines and menus, and instantly lose interest. I — just as the visitors of your site — want to get informations, not to play guessing games.

And: Your site is (a) much to wide and (b) shifting horizontally on mobile devices. Please read this document to fix this issue: https://forums.adobe.com/docs/DOC-8953

[jose_luisg53442946]

Hi Günter:

Thank you.
I start studying the tutorial and putting it into practice.
A greeting and thanks again.
Pepe García Luengo

[Nancy OShea]

TECHNICAL:

I ran a Nibbler report -- see link below.  Overall site score is 4.5 out of 10.  Keep in mind that some results such as Popularity are skewed because it's a sub-domain on Business Catalyst.com.    That will change when you move to another server.

Website report for unahistoriadeafrica.businesscatalyst.com

DESIGN:

Visually, I sort of get what you're trying to do.  But the message is lost.  As an example, this page is hard to read because I don't know what is MOST important. 

Please read this article.

What Makes A Website Visually Appealing?

https://enablewebdesign.com/makes-website-visually-appealing/

[jose_luisg53442946]

Hello Nancy:
Thank you for your response, it is truly admirable for your seriousness and diligence.
I will read the results of the test carefully.

Pepe García Luengo

[Ussnorway]

as a desktop site it sort of works but as is this design is unusable on phones

to add to what Günter posted there are main tech layout issues;

• don't put fluid text next to static text

don't put buttons on the right hand side of the screen... and don't make them animations

test your design

[jose_luisg53442946]

Hello Ussnorway:
Thanks for your response and your graphics.
Unfortunately, I knew the inefficiency of the website on mobile phones.
It does not seem easy to fix this. The only solution I can think of is to work on a version for these devices.

Pepe García Luengo.

[Ussnorway]

yes an alt phone layout is what I would do with this design as well