Victoria Whang | Product Designer
Victoria Whang | Product Designer
powerhub_proto.png

PowerHub

Product Design
Banners

Banners

I created these four banners, to be used at conferences and other such events. I used Proxima Nova font, as per our branding, as well as stock photography with the theme of renewable energy and our software values.

 Some of the thoughts that went into the design were: eye-level of audience (for the copy content), table height (to avoid copy content if the banners were placed behind tables at conferences), as well as logo placement for constant visibility.  A big learning moment was finding out that there are no free stock photography out there that was meant for large scale print designs. With some research, you can find 300 ppi images (instead of the usual 72 ppi for web) but it is near impossible to find images with that resolution at 33"x85" in size. Because I really wanted to avoid the generic tech feel of vectors, I ended up photoshopping stock photography to have more of an artsy filter to mask how pixellated the image would turn out to be, when blown up to these proportions.

Some of the thoughts that went into the design were: eye-level of audience (for the copy content), table height (to avoid copy content if the banners were placed behind tables at conferences), as well as logo placement for constant visibility.

A big learning moment was finding out that there are no free stock photography out there that was meant for large scale print designs. With some research, you can find 300 ppi images (instead of the usual 72 ppi for web) but it is near impossible to find images with that resolution at 33"x85" in size. Because I really wanted to avoid the generic tech feel of vectors, I ended up photoshopping stock photography to have more of an artsy filter to mask how pixellated the image would turn out to be, when blown up to these proportions.

Responsive design

Responsive design

I've redesigned our company website to stand out from our competitors. Our marketing team's research found that all of our competitors in the field of renewable energy asset management has the exact same layout with slightly different stock images and with one of the biggest industry conferences in North America coming up in our schedule, we wanted to launch a redesigned website in a few short weeks.

While working with the marketing team as well as a group of web developers, I redesigned our site for both mobile and desktop. While our research showed that more than 80% of our clients use desktop primarily, we felt mobile was important in getting new business. We are working on the same for our cloud-based software, the mobile version of which will hopefully release sometime in 2019.

Prototyping with Adobe XD

Prototyping with Adobe XD

At PowerHub, we work with Adobe tools for all of our design needs. When prototyping new software features, we use Adobe XD to communicate ideas from the product team to the developers and customer service representatives. 

Our feedback comes from both clients as well as team members and we use all information to build requirements for new features or to improve on existing ones. The product team, which includes both myself and one other designer, develop a user flow prototype to test our customer service representatives (and sometimes existing clients) before bringing successful ideas to the development team to configure.

In the past, I've worked with layer-based tools like Framer and Proto.io. While I prefer the level of detail I can demonstrate with such tools, including opacity and animations, I do appreciate how easily I can link buttons and pages together as well as all of my assets living in the same Adobe account, for use between multiple programs. In the last year, XD has gone through many iterations, and I like how similar it is to Sketch...am I allowed to say that? Oopsies, but it's true.