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