Part of my effort is to update a few of the visual styles that look incomplete. I have only been able to spend a few on this, but did figure out a few things we could optimize in this screen.

This does not solve any usability issues, therefor it should be considered a minor issue - it does however have a big impact on the "first impression" that people get.

I have made a number of large changes:

  • Overall updated the design to be more fresh, and less gray. It seems that the branding we use in the admin interface, is more focused around the bright blue - I made this a more prominent element.
  • Aligned the page title with the logo, this because originally the page title looked like it was hanging above. Using a bar you create a visual landmark where one can orientate from.
  • Changed the design for the wizard, to bring them out a little more.
  • Did minor touches to the button, this could probably be done theme-wide. Removing the white border, which made it look pixelated.

I have also attached several options for the background, I prefer option 1 because it matches best with the overall color scheme. I have only spend a few on this, I can imagine a graphic designer could make a more intense and beautiful background pattern.

installation.jpg

As always the source files are attached for reference.

CommentFileSizeAuthor
installation.psd7.53 MBBojhan
option6.jpg124.74 KBBojhan
option5.jpg115.51 KBBojhan
option4.jpg112.27 KBBojhan
option3.jpg130.05 KBBojhan
option2.jpg137.89 KBBojhan
option1.jpg571.05 KBBojhan
installation.jpg468.14 KBBojhan
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Bojhan’s picture

Issue summary: View changes

better

Bojhan’s picture

Issue summary: View changes

attached source files

GuGuss’s picture

Nice shot !

My preferences are #1 and #5.

bojanz’s picture

Very nice! I agree with GuGuss.

GuGuss’s picture

Assigned: Unassigned » dudenhofer
dudenhofer’s picture

Status: Active » Needs review

I went with #1 because #5 would be harder to make a repeatable background pattern.

Pushed updates here: https://code.drupalcommerce.org/#/c/218/

This also includes updating the button styles theme-wide as suggested.

bojanz’s picture

Status: Needs review » Fixed

Merged. Awesome!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

better