dolphin-emu / www

Dolphin Emulator official website source code (running on https://dolphin-emu.org/)
MIT License
115 stars 68 forks source link

UX Redesign Proposal #122

Open junebug12851 opened 4 years ago

junebug12851 commented 4 years ago

Overview

I like your website but I feel it's UX could be much better. I spent the day mocking up a new UX redesign which you may or may not like but I felt I could throw it out there in case the community liked it. Feel free to adopt whatever you like out of it, it's a little rough and it's not perfect but I've really come to love it and it's my hope you will as well.

Mockup

Here's the whole page WholePage

and here's the initial view assuming a resolution height of 768 FirstView~768

Details of changes

Color Palette

This is the color palette I used cutesy of Paletton which aided me in generating it image

1080p Game Screenshots

As mentioned above, these are your game screenshots resized to 1080p using Photoshop's new Artificial Intelligence resizing feature so that it appears more natural at the larger size and not blocky or blurry.

LargerScreenshots.zip

Dolphin News Logo

This is the quick logo I drafted up to help your blog standout better under your brand and place it on a pedestal given it;s importance to Dolphin related News and to help it work good with the UX.

logo-news

I hope you like it

Like I said, it's just a bit rough and needs some smoothing and you may not like it but you're free to adopt whatever you do like. I had a lot of spare time today so I wanted to mock up something real quick and see what you guys think of it.

EDIT: I forgot to mention the background image will ideally animate and allow the user to toggle through it manually with the buttons. Each image has a feature text above it like in the image I presented. These are the ones I planned to go above the dots in each image. This encourages people to thumb through, look at each image, and see features as they thumb through in a way that doesn't impact UX.

EDIT 2: I also forgot to link the the flat UI icons which require attribution but work very well with the theme and UX

https://www.flaticon.com/packs/countrys-flags