© 2014 by Roi Himan. Proudly created with Wix.com

DeviantArt profile page redesign 

UX, Design, Mobile

What is DeviantArt? 

DeviantArt is the world's largest online social community for artists and art enthusiasts, allowing people to connect through the creation and sharing of art.

Challenges and problems

I was responsible for the redesign and solving the new profile page. 

the DeviantArt art profile was alive for more than 18 years and didn't change a lot in the term in Ux and design over the years.

Over the years new features where added and add more complexity to the profile. 

 

  • Layout and hierarchy ( too much customization )

  • Complex adding and removing sections

  • Outdated design ( not if you like the retro look)

  • CSS customization - designer nightmare users can do what they want with the page if they know how to code

  • Profile migration- what to do with the current users and legacy. 

What is out there?

 

I stared my process by checking what is out there and see how they show present the user profile to visitors and profile owner it

+ Different approaches to profile editing. 

Starting Wireframes 

Our goal was to create a fluid layout with some fixed sections (hero image stats and about me) We decided to have customizable two columns layout when the more visual items on the left and the textual items on the right.
This layout will allow us to migrate all the existing content from the old site and give us room to grow as a platform.

Edit Mode

After approving the wireframe with Key stakeholder we moved to solve how to edit this page. I came up with two solutions:

  1.  going to a model that allows you to add/remove/re-order sections

  2. Editing on the page itself, allowing users to add a relevant section in the correct location edit and reorder them 

We did a prototype of the two option and in house usability . and we all agree that 2nd option - on page editing works much better 

Design System

When diving to a project so big we know we have to create a design system right from the start, this will allow us to be consistent deliver faster and made changes in the feature. So we put a lot of efforts building a design system right from the start.

Final design- Dark&Lights themes

🙌

Thank for watching

More projects...