Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
css
img
svg
video
README.md
index.html

README.md

Daily UI Challenge #006: User Profile

I had to sit on this challenge for a few days. I wasn't sure what kind of user profile I wanted to make and I wasn't sure how to layout elements of the profile page. In the end, I decided to do a gamer-centric one similar to what PlayStation uses in PSN.

I found this on Dribbble and used it as an inspiriation for the overall layout. I really liked how the essential links and information are embedded in the cover photo. What I didn't use was the position of the posts and auxiliary information (About, System IDs, friends etc). For that, I referred to what seems to be the norm among social media platforms such as Facebook and Twitter. That is, auxiliary information on the left, posts on the right.

Something I didn't work on extensively in this challenge was the mobile layout. Ideally, the posts shouldn't too low for the user to have to scroll all the way down in order to see them. Some sort of tabbing in the auxiliary information section would help with this issue.

Font Used

Acknowledgements

Nintendo Switch, PlayStation, Xbox and user icons by Font Awesome are licensed under CC BY 4.0.

You can’t perform that action at this time.