top of page

Dell Command | Power Manager Visual Refresh

List CO-OP: Mobile Concept

Main GUI of DURCP. Follow next images for walk-thru of the UX designer's wire-frames I used as guidance alongside the visual design I produced for the product.

Here is the first step-by-step intro pop-up from the wire-frames handed over to me from UX designer.

Intro pop-up visual design: Reorganized some of the information in visual design process in order to create more efficient use of space and better communicate the concept.

Directional page wire-frame.

I created a more visually illustrated instructional GUI in my visual design process for this screen, per the request of stakeholders.

Illustration and GUI sketches.

Illustration and GUI sketches

Additional installation popups: Next few screens are some visual designs created in the process post wire-frames.

Next few screens are some visual designs created in the process post wire-frames.

Next few screens are some visual designs created in the process post wire-frames.

Wire-frame I referenced for successful installation popup.

Success pop-up visual design.

Main application GUI wire-frame: Used this wire-frame from partner UX designer to create the visual design of the main GUI.

Created overlay tabs to display information in a scroll-like behavior. This app window's width and height can expand and contract, based on the amount of info and the user's preference of information displayed.

Main application popup wire-frame.

Main GUI popup visual design.

Some screens and interactions were missing in the UX process. Here are my visual design final solutions for those situations. Here, receiver is full. Not show is hover information bubble.

Empty Control Panel: Screen of app opening with zero receivers employed.

Dell Universal Receiver Control Panel

IT Active System Manager Topology Mapping

Accelerator Appliances for Databases: Visual Refresh

UI / Product Design

 

Samples of visual design and UI patterns I've designed.

DC Power Manager Battery Information

DC Power Manager Advanced Charge

DC Power Advanced Charge Settings

DC Power Manager Peak Shift

DC Power Manager Thermal Management

DC Power Manager Battery Extender

DC Power Manager Alert Management

ION Accelerator Landing Dashboard

ION Accelerator Dashboard Before

ION Accelerator Secondary Page

ION Accelerator Secondary Before

Team sketch: learning the architecture of Ports, Networks, Rack Switches, Fabrics, NICs, and Partitioning NICs.

As a team we discussed and explored ways in which to display a Connection Path and the info associated with the items along that path. I sketched up quick ideas in ways to design these solutions.

Taking the wireframe into a UX/Visual process. I converted the items into the Dell design language, while exploring possible interaction layouts.

First concept explored became to dependent on space and limited content. Here is a second concept, to display device info below. Visual design has not been implemented into that part of the layout yet.

On the animated splash page, items fall from top to bottom into basket, fading as they are added and more are dropped.

On the animated splash page, items fall from top to bottom into basket, fading as they are added and more are dropped.

Default opening screen is Lists. You can add and edit lists from here.

Editing lists is easy. Slide to add people or delete the list. Click to access and edit.

Adding people to the list displays a dropdown of contacts.

While in a list, you can edit the owner of each item, or simple delete it by sliding the item right.

Your contacts list allows access to the lists you share with that person, and also send them a message.

The message inbox is a great way to connect with other contacts and lists.

Deleting threads is easy with sliding right.

Desktop landing page encourages users to download the app.

Notes and sketches for the naming and concept ideas.

Notes and wireframe sketches.

Inspiration and brand board.

bottom of page