Maximilian Kwok's Portfolio

Web Design and Video Production

[maximiliankwok]

Update Coming Soon

It has been a while since I last updated my portfolio.  I hope to get to it soon.

[maximiliankwok]

Menu navigation is one of the most difficult features to scale.  Specific to article tags, there are 5 things you have to plan for:  

What are the tags/categories?

What is the content for each tag?

How many tags are there?

How does a specific tag relate to the whole blog?

Does the menu scale well?  (i.e. more tags/categories are created)  

These are the 5 things that are implicitly and explicitly stated in menu navigation.

Conventional methodology will have a dropdown menu, breadcrumb trail, hierarchy tree structure, or a tag cloud.  All of which are not scalable as information overload will be a problem for the user.  A search bar would not be considered as a replacement for menus but more of a complement.

I created the Circle Tag Widget (name pending) using jQuery and Raphael.js for this purpose on the Magnet Blog and addresses all the questions above.   

Hovering over each colored section will display the tag

Post count is next to the tag display

Each colored section denotes each tag values

Full circles imply 100%.  A section of the pie visually shows the clout percentage for each tag.

Circles can accommodate an abundance of tags without re-design.

[maximiliankwok]

Leveraging the recruitment advice from The Magnet Blog presented by Ongig, I created a widget for our lead generation funnel.  

The CEO required a large amount of information to be conveyed in a small area of the screen.  I thought it best in the design sense to use a gallery lightbox presented in a tile format to convey the message.  We are currently assessing the conversion analytics.

[maximiliankwok]

I am the Product Owner and builder for The Magnet Blog presented by Ongig. We use the channel to distribute recruiting advice to advertise our Candidate Engagement platform.  I use WAMP in addition to raphael.js and jQuery in my stack.  

[maximiliankwok]

What: For Ad-tech Specialist Marin Software, I produced an Ongig video job description for their Shanghai Office recruitment purposes.

Purpose:  Video to recruit local Chinese developers that are bilingual with English to fill out the Agile teams in Shanghai

Challenge:  Cut 4 hours of raw footage into 4 minutes and interweave Chinese and English reels into one coherent message. 

How: Adobe Premiere, Adobe Illustrator, Adobe Photoshop, Adobe Audition, Mandarin Chinese, and Melody Loops.

[maximiliankwok]

I’ve been largely responsible for building OngigTV. We use the channel to showcase original videos created for Ongig.com. I’ve also been involved in all aspects of filming and production of the videos.

[maximiliankwok]

What:  For online men's clothing store Bonobos, I produced an Ongig video job description for the Director of Product: Fit + Personalization requisition.

Challenge:  The mic was partially broken.  The challenge was to convey the message of the company culture without the muffled voice contradicting the liveliness of Bonobos.

How:  Canon T3i, tripod, Adobe Premiere, Adobe Illustrator, Adobe Photoshop, Google Images, Melody Loops, witty banter, and a big fat smile. 

[maximiliankwok]

What:  For Hadoop-giant Cloudera, I produced for a video job description for their Customer Operations Engineer requisition.  This is part of an Ongig Job Description as well as on front of Cloudera Careers Page.

Challenge:  How to convey Cloudera as a visionary company and a company that is at the fore front of their industry among the rolls that we had.

How:  Canon T3i, tripod, Adobe Premiere, Adobe Photoshop, Adobe Illustrator, Melody Loops, witty banter, and a big fat smile.  From over 2 hours of footage to a 2:30 product. 

[maximiliankwok]

What:  This is the job search page I designed for Red Hat.

Why:  Searching for the job within the website can be taxing.  Company transparency is key to conveying the message you want to relay to candidates and investors.  

How:  Video showcases featured jobs.  Images on top of video introduces the company culture.  The jobs nearby and connections bar widgets provide relevant information to candidates.  Beneath the images is the search bar and featured jobs for each department.

[maximiliankwok]

What:  I designed this job page for our proposal incorporating social elements (share buttons, comment section, and video) on top of the job description.

Why:  Creating transparency of the job is important for getting the candidate with the right fit.  This in turn would help parties save time as candidates will be more like to self-select amongst other variables.

[maximiliankwok]

What:  The picture is the widget box I designed for Red Hat in order to leverage video for their job descriptions while abiding to Red Hat styling.

Brief how:  This can easily be done with a little bit of javascript to create a slide out overlay modal window. Applying some tweeks to code that is found on Overlay with Slide Out Box Tutorial by Mary Lou would do the trick.

Why:  Employees are the best company promoters, so why not showcase happy employees talking about their job to recruit as part of the company brand on the home page?