User Profile Page Redesign
- or -
Post a project like this2317
$$
- Posted:
- Proposals: 1
- Remote
- #1812287
- Awarded
Description
Experience Level: Intermediate
Hello,
Here is the requirements for next task.
2) Redesign customer page (top profile information)
The drawing of the profile card is attached for both small-large screen sizes.
Note the following:
- Place any good image now as a cover image ( the image with grass in attached sample)
- Use parallex effect for cover image when scrolling
- when you scroll, the design changes slightly as described in attached image. While scrolling, the avatar image gets smaller with some transition (gradually gets smaller until some size) .
- The attached image contains some data we may not have yet. You can include only the button, number of following and number of followers. Note that there is different types of buttons which can be (edit profile, follow, unfollow or block). You will see the html structure so clear in phtml file.
- in current design, i have a menu in the top showing hashtags. You may leave as it is for now as i plan to redesign this block next assignment.
Please review above and let me know if you have any question.
References:
Parallex effect
https://www.w3schools.com/howto/howto_css_parallax.asp
Header design inspired by twitter. Find this article for heights and widths
https://louisem.com/4598/twitter-header-size-template
Thank you
Here is the requirements for next task.
2) Redesign customer page (top profile information)
The drawing of the profile card is attached for both small-large screen sizes.
Note the following:
- Place any good image now as a cover image ( the image with grass in attached sample)
- Use parallex effect for cover image when scrolling
- when you scroll, the design changes slightly as described in attached image. While scrolling, the avatar image gets smaller with some transition (gradually gets smaller until some size) .
- The attached image contains some data we may not have yet. You can include only the button, number of following and number of followers. Note that there is different types of buttons which can be (edit profile, follow, unfollow or block). You will see the html structure so clear in phtml file.
- in current design, i have a menu in the top showing hashtags. You may leave as it is for now as i plan to redesign this block next assignment.
Please review above and let me know if you have any question.
References:
Parallex effect
https://www.w3schools.com/howto/howto_css_parallax.asp
Header design inspired by twitter. Find this article for heights and widths
https://louisem.com/4598/twitter-header-size-template
Thank you
Husain A.
100% (16)Projects Completed
24
Freelancers worked with
3
Projects awarded
52%
Last project
10 Jan 2019
Saudi Arabia
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies