Page 1


btrax inc. among others | mostly digital

Websites+ MailChimp+ Book Layout+ Animation =Work! btrax Inc. among others. Context: btrax SF » Internship: 2014-2016 » Employment: 2016-Current » CEO: Brandon K. Hill » Mentor: Joe Rong

105


SOME CONTEXT Working for btrax has been a very important experience. Through a couple internships and a 1099 contract, I have learned the ins and outs of graphic design in the business world. Btrax is a design and business strategy, consulting company, and I was one of 3 designers on the team. I was oversought by Joe Rong, a brilliant designer, who has taught me so much. Through this work, I have had to deal with various clients, work with developers and UX designers, business strategists and project managers, and collectively these experiences have given me a very good understanding as to what it takes to design in a business world. Communication is key. Even if you have the most beautiful designs, if you cannot communicate your idea to the business realm, and speak “business language�, it is very hard to get work done. Also, coffee... lots of coffee.

BEER


btrax inc. among others | mostly digital


Just Us e S h a p es ! My latest project at btrax was to create a short animation of my coworkers for the re-vamped btrax website. I was tasked with illustrating and animating 3 of my coworkers. Each animation only needed to run for about 6 to 10 seconds, but should catch the “essence” of said-person in the workplace. For btrax’s CEO Brandon Hill, I illustrated his nonchalant mannerisms and expressions, and animated his working style, which like any good designer, involves coffee, a macbook, and a plethora of fast paced clicking. When beginning this project, I had a hard time illustrating for animation. I wanted the illustrations to be on point, to really capture their essence. But I was just doing too much. Way too many points on path, excessive details, and asymmetrical, organic forms. After showing my mentor, Joe, about 3 different variations and styles, he simply exclaimed, “JUST USE SHAPES!” And it clicked.


btrax inc. among others | mostly digital

Brandon K. Hill | CEO

Mark Wake | Project Manager

Alex Dimmick | Office Manager

AN IM AT IO N BTRAX WEBSITE


“At btrax, we are All Designers.”


btrax inc. among others | mostly digital

111


BOO K L A YOU T BTRAX HANDBOOK


btrax inc. among others | mostly digital

A Lo w l y In t e r n My first major project at btrax was to do book layout and designing for the companies Global Operations Handbook. I was finally the lead on a project, which I did not expect in my second month at work. The old book was very outdated, and essentially lacked any kind of typographic treatment or design. Type treatment was essential for this project, as a majority of the information was in the form of ordered and unordered lists, headers, subheaders, and body, A. B. C.’s and 1. 2. 3.’s. Thus hierarchy of typography is of utter importance. Otherwise, the reader would have no idea what they are looking at, with just a mess of information. The infographics needed updating too, so I took care of this as well.

Meta Web Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

113


MAILCHIMP TABIO EMAILS

Gotham Book Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz


btrax inc. among others | mostly digital

E ma i l s , Em ai l s, Ema i l s Graphic Design in the business world can often be very repetitive. One of the ongoing tasks I had was to create all the email graphics for subscribers to Tabio Newsletter. They needed a new email design just about every other day. I had to create the design, but in many instances I was also tasked with some front-end coding. We utilized an easy email automation platform known as MailChimp, which did eliminate most coding needs. But with a picky client like Tabio, oftentimes I would have to modify existing codes and add some custom CSS because, for example, MailChimp didn’t have Tabio’s company typeface, Gotham, within its database. So that, among many other things, had to be modified.

Your shopping bag is full. Get the items before they’re gone!

We’d Love Your Feedback!

Welcome back!

Happy Birthday!

We would like to hear from you on ways we can improve.

We appreciate your continued support to Tabio!

To celebrate your special day, we present you 10% off coupon!

Thank you for your visit! Check out our latest collection here

Use code 17BDY18 at checkout!

Check Out

Take Survey

Shop Now

Check Out

Ultra Light Compression

Non-Slip Grip

Mesh Panel

3D Structure

Silicon bottom ensures proper foot you

Lets air in and keeps odor out

Wrapping each toe reduces stress a

Arch Support

Ultimate Comfort

Stabilizer Heel

Just the right amount of stretch to move with you.

Ultra-thin performance fabric provide comfort that lasts.

Designed to prevent your socks from sliding around.

M E R RY

CHRISTMAS Tabio presents you...

Toe Guard

Ankle Support

Non-Slip Grip

Extra strength to pr w an

Signature elastic

Silicon bottom er g

20% off your entire purchase!

Double Layer

Ultimate Comfort

Stabilizer Heel

Soft, moisturewicking merino inside. Durable, waterresistant polyester and nylon outside.

Holds arch muscles in place, even on the bumpiest trails.

Designed to prevent your socks from sliding around.

Trailblazer

Use code M1ER7RY at checkout!

ht Compression Knee high variant of our Ultra-Light on Sock features gradual on from the toe to the calf— ou have support only where it’s dditionally, a double layer of nylon ensures an odor-free d a durable exterior. Patented arch chnology prevents fatigue by e arch muscle in place. And a ment knitting machine ensures pair is constructed in three 5 years of development, we’re ce and faster speed during and run.

ture Run Toe g sock builds on the legacy of our ure Run Sock with enhanced levels ility and grip. Our three sional knitting method ensures a rubber on the sole prevents sliding your shoe. Best of all, each pair is ct for any run.

ature Run roof. Our Signature Run Sock offers thing you need for an invigorating ach pair features high-quality cs, seamlessly linked for optimum ort and support. Plus, our patented support technology keeps your arch ce, ensuring a fatigue-free ience during and after your run.

Shop Now

Thank You for Choosing Tabio!

There’s something in your cart.

Still Deciding?

Tabio presents you...

Would you like to complete your purchase?

If you have any questions, let us know how we can help!

30% off

Shop Now

Use code THAX17GVG at checkout!

With over 50 years of craftsmanship and care, Tabio continues to serve you premium quality socks. Check out how Japan’s #1 socks are made.

your entire purchase! Shop Now

115


WEBSITES PCC WIREFRAMES

T e a m wo rk D r e a mw or k Another set of important experiences I had at btrax was creating websites. I was tasked with wireframing and designing, for multiple platforms. I learned a lot about responsive web design, and also a lot about HTML5 and working with developers. If I was to spend time on a design, and the developer says it can’t be coded, that is time completely wasted. In order to be efficient, it was important to understand what is and what isn’t possible within web design. It was important to make the developers job as easy as possible. This meant having consistent spacing, thinking in divs, understanding floats, and knowing what effects are easiest to perform in CSS.

“A fully bilingual team, fluent and refined;


btrax inc. among others | mostly digital

Desktop

Tablet

Mobile

ようこそ、伝説のポリネシア・ カルチャー・センターへ

ようこそ、伝説のポリネシア・ カルチャー・センターへ

ようこそ、伝説のポリネシア・ カルチャー・センターへ

新体験は5000 年の歴史の中に

今度のハワイは、

スペシャルな体験を

新体験は5000 年の歴史の中に

新体験は5 0 00 年の歴史の中に

learn

今度のハワイは、

スペシャルな体験を

experience

今度のハワイは、

スペシャルな体験を

watch

learn

experience

watch

ポリネシアの6つ の村を知る

learn

experience

ポリネシアの6つ の村を知る

watch

ポリネシアの6つの村を知る

ポリネシアの文化を楽しむ

ポリネシアの文化を楽しむ

圧巻のショーを鑑賞する

ポリネシアの文化を楽しむ

圧巻のショーを鑑賞する

大人気のパッケージツアー

圧巻のショーを鑑賞する

大人気のパッケージツアー

アンバサダー・デラックス・パッケージ

アンバサダー・デラックス・パッケージ

大人気のパッケージツアー

アンバサダー・デラックス・パッケージ

トワイライト・パッケージ・デラックス

そ の ほ か の パ ッケ ー ジ を 見 る

トワイライト・パッケージ・デラックス トワイライト・パッケージ・デラックス

そ の ほ か の パ ッケ ー ジ を 見 る

そ の ほ か の パ ッケ ー ジ を 見 る

117


btrax inc. among others | mostly digital

English and Japanese, Business and Design.�

WEBSITES PCC RESPONSIVE

btrax among others  

mostly digital.

btrax among others  

mostly digital.

Advertisement