Design a wireframe for Home page

[Swarnimashukla]

Task

You are supposed to create a landing page for website where user can read and write blogs .

Features

We can add following features on website but not restricted to these you can use your own creativity .

1. Header ( home , about us , notification, search , user account)
2. Body (Blogs and articles written by user , category section for different kind of articles eg: entertainment , technology, science ,)
3. Footer(social media links, contact us , newsletter section )

Again these are suggestions we would love to see your creativity

Implementation

Tools used : Figma , Balsamiq (make sure you create professional wireframes )
Create designs and share screenshots in comment section
Once finalized create PR

Procedure

Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR
Create a PR with self closing tags

Inspiration
You can have a look at quora and check what are some must have features in such websites

[ymaheshwari1]

I want to work on this issue.
I will be using Figma for designing the wireframe

[swapniltripathi123]

[Swarnimashukla]

@swapniltripathi123 good work , can you create footer like we see on websites and arrange elements as currently it has all elements but doesn't give a look of complete website . Wireframes are blueprints of exact website so it is important to take care of every small detail .

[ymaheshwari1]

@Swarnimashukla I am working on designing the wireframe, as it is assigned to me

[Swarnimashukla]

@ymaheshwari1 yes due to some confusion swapnil tripathi completed this issue so just for this one issue we are considering both contributions and scores will be awarded to both of you. We have shared guidelines in group as well that nobody works on any issue without getting assigned .

[swapniltripathi123]

@swapniltripathi123 good work , can you create footer like we see on websites and arrange elements as currently it has all elements but doesn't give a look of complete website . Wireframes are blueprints of exact website so it is important to take care of every small detail

yes sure , I will do that @Swarnimashukla ma'am.

[swapniltripathi123]

@Swarnimashukla I am working on designing the wireframe, as it is assigned to me

@ymaheshwari1 I'm sorry buddy for this . I didn't read the instructions before,,,my bad . I found out later that there is a "assignees" procedure .

[ymaheshwari1]

@ymaheshwari1 I'm sorry buddy for this . I didn't read the instructions before,,,my bad . I found out later that there is a "assignees" procedure .

@swapniltripathi123 No problem. I was just confirming the things.

[ymaheshwari1]

Please review the below wireframe for the Home Page and provide your feedback on the same @harsh-9in @Swarnimashukla @Kajol-Kumari

[Swarnimashukla]

@ymaheshwari1

✨Its awesome, good work .You have covered all major components ✨

My suggestions would be :

1. Keep search bar in header only
2. In place of search bar include a slider which shows top trending blogs , blog of the day etc.
3. In blog area , include like dislike ,comment option , it will help reader give his reviews , reactions , suggestions and share via social media option so that person can share blog with others
4. Divide footer in two or three section and keep newsletter inside that because otherwise it is taking up content space

These are few small but important things to consider :🙌

[ymaheshwari1]

@Swarnimashukla
Thanks for your suggestions. I will work on them.
For the 4th point, the newsletter component is inside the footer only but I have changed its background-color so that it will look like a separate action and thus will drive the user's mind towards it.

[ymaheshwari1]

@Swarnimashukla Updated the wireframe for the Home page.

[Swarnimashukla]

@ymaheshwari1 This looks good to me , you can make a pr for this issue now .

[swapniltripathi123]

plzz review this .

[Swarnimashukla]

@swapniltripathi123 good work , we can go for pr with this wireframe now ✨