Color pallete & font enhancement

[ketakitankk]

Describe the bug
The navigation bar of the site should be full of the name of the venture, however, the ne of the venture itself is extremely small in size and has not been aligned properly, the color palette of the site can be more vibrant and attractive and the fonts can be changed too. I feel in doing so, the site will attract traffic and be a successful one at it.

To Reproduce
Steps to reproduce the behavior:

1. Go to "https://kitabe-app.herokuapp.com/"
2. Scroll down to the very end
3. Made me realize the site can have a vibrant color palette and the font sizes can also be adjusted to the desired sizes.

Expected behavior
Learning that this is a site about books, I feel the content can be edited to a more readable text and a formal one at that too.
Screenshots

Are you willing to contribute to this issue?
YES

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
All changes made should be responsive.

[maneprajakta]

@ketakitankk I have updated the Additional Context for the issue description just check once.
Also, are you contributing under GSSOC'2021

[ketakitankk]

@maneprajakta yes, I’m a participant at GSSOC ‘21

[maneprajakta]

Go ahead with this one @ketakitankk

[shubhamgoel01]

I would like to contribute , and also You can make Navbar sticky , when scroll down .

[kanchi-22]

I would like to contribute to this under GSSOC'21

[Praful932]

@ketakitankk Check out the Important Notes in the starter guide. There are specific points for UI/UX improvements/fixes

[MayankBeck]

I would love to work on this issue under GSSoC 21. Can you please assign this to me?

[salonidabgar]

Hi! I would like to work on this issue as a part of GSSOC'21. Can I go ahead with it?

[maneprajakta]

@MayankBeck @salonidabgar Thanks for showing interest 🌟 But this issue is already assigned to someone . Once go through our Starte Guide it would be more clear 😄 .

[ketakitankk]

Hi @maneprajakta , I have created a mockup design of the landing page, please check it out and let me know asap!
https://app.moqups.com/WDod2wWXrw/view/page/a5a593ec7

[ketakitankk]

Hi @Praful932 , I have created a mockup design of the landing page, please find the attachment and let me know asap!
https://app.moqups.com/WDod2wWXrw/view/page/a5a593ec7

[maneprajakta]

@ketakitankk If you could give access to view the mockup design.

[ketakitankk]

@ketakitankk If you could give access to view the mockup design.

I have made the changes. You can view the mock-up design now.

[maneprajakta]

@ketakitankk color palette looks great to me 🚀 .
Carousel of quotes, till that everything seems fine. I think we don't need the section Brief introduction of the webpage, what it does, why it has been made, how it works etc.
In Carousel Of Book Section you want to move the current popular among users section there but we don't have a chapter inside books if you could check once what information about every book we have then it would be easy for you to design accordingly.
In Search your pick by genre that is current Read genre-wise if I select a genre from drop-down where the books will be shown?
Also Select if you want a recommendation from famous authors how that button will work?
Testimonial Section it looks great to me but we are not taking any feedback from users on how accurate where the books recommended to them. So a feedback functionality needs to be added to the project then only the testimonial section will get some content.
Meet the creator I don't think we need this section what you think @Praful932 on this.

[ketakitankk]

I shall submit another mockup soon @maneprajakta , countering all the issues you have mentioned in my current mockup.
Thank you.

[Praful932]

Hi @ketakitankk Great job on the quick mockups, I believe this issue is too broad and it is possible that this may go out of scope according to what I'm seeing from your mockup. The mockup should match exactly what currently is available on the application(backend code would have to be written according to it, if any additional feature is added).
Agree with @maneprajakta , that is not needed.
Looking forward to your second mockup

[maneprajakta]

@ketakitankk any updates?

[ketakitankk]

Yes please give me time till tonight I shall present the second mockup!
Sorry for the delay! @maneprajakta

[harshita2319]

Hey, I'm a participant of Gssoc and I'd like to work on this issue. Please let me know if I can!

[maneprajakta]

@harshita2319 Yes, assigning you.
Go through Very Important Points to be Noted section under Starter Guide

[harshita2319]

Though some of the points are similar to those given by the previous assignee but I too feel that these changes are required.
I've demonstrated the color scheme as well, though I've got a few more color palettes in mind for this, so let me know in case you didn't like this, I'll switch to another one.

Here's the link

[maneprajakta]

@harshita2319 can you make a mockup only for color scheme that you wish first.

• After this, we can go for other changes suggested or another issue can be created for that.

[harshita2319]

@harshita2319 can you make a mockup only for color scheme that you wish first.

• After this, we can go for other changes suggested or another issue can be created for that.

Yeah okay, I'll prepare another one, will share the link in a day or two.

[maneprajakta]

@harshita2319 any updates?

[harshita2319]

@harshita2319 any updates?

On it. Sorry for the delay!

[harshita2319]

I've made a mockup, used different color schemes for you to choose from.
one
two
three
four

@maneprajakta please have a look, this is the first time I'm making mockups, hope I didn't foul up! 😄

[Praful932]

Hi @harshita2319 appreciate you going all out on this, We had a look at the links you posted. What we want from this issue is a different color scheme/font enhacement, not a whole layout change. A very specific wireframe of how you expect the website to look would be appreciated.
Thanks

[harshita2319]

Hi @harshita2319 appreciate you going all out on this, We had a look at the links you posted. What we want from this issue is a different color scheme/font enhacement, not a whole layout change. A very specific wireframe of how you expect the website to look would be appreciated.
Thanks

Hey, I can't seem to understand what you mean by a specific mockup as in these mockups I just tried to focus on changing the color pallete so what else should I do.
Could you please elaborate a bit

Or maybe just add a link to a mockup like that for any website, for my reference. I'd really appreciate!

[maneprajakta]

@harshita2319 Ya currently the mockup you have shown you are suggesting changes in different section for example banner carousel what we expect in a mockup is that website structure and content to remain the same . Make an exact copy of the home page on Figma and change color there for example bg color of website and add color pallete at the top showing all color being used.
Check this to get idea .
Still not clear then let us know.

[Praful932]

You could also check this for reference

[harshita2319]

Took another stab at it, please have a look.
Thanks for helping!
first, second

[Praful932]

Took another stab at it, please have a look.
Thanks for helping!
first, second

Thanks for the mockups.
I checked both of these, I'm not sure if they go in accordance with the theme of the project. Could you try some themes which if you put side by side with the current state of the project, you would choose the new one than the current one

[harshita2319]

Took another stab at it, please have a look.
Thanks for helping!
first, second

Thanks for the mockups.
I checked both of these, I'm not sure if they go in accordance with the theme of the project. Could you try some themes which if you put side by side with the current state of the project, you would choose the new one than the current one

And by trying out new themes you mean playing with the font of the card text and the color scheme without affecting the basic layout of the website i.e the position of the images, individual boxes and all that..right?

Sorry, if I'm asking too many questions, just want to be sure!

[maneprajakta]

Yes!
No issues :)

[harshita2319]

Hey, have a look and suggest the changes required.
I've just added one extra element..that yellow box, can remove that if needed and introduce that color somewhere else as it goes well and will help to accentuate.

Mockup

[maneprajakta]

@harshita2319
Hi
Went through the mock-up the colors seem dark to me. By keeping the theme of the website in mind could you pick some colors in light shades.

[harshita2319]

@harshita2319
Hi
Went through the mock-up the colors seem dark to me. By keeping the theme of the website in mind could you pick some colors in light shades.

Mockup
Attached the link.

[Praful932]

Hi @harshita2319 Could you ping us on discord?

[maneprajakta]

@harshita2319 any updates?

[harshita2319]

@harshita2319 any updates?

Hey ya on it! I was unwell, kinda better now so I've started working. Sorry for the delay!

[maneprajakta]

@harshita2319 No issues :)

[Praful932]

Closing this, since color pallete enhancement is not needed anymore