Maximilian Kwok's Portfolio

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.

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

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. 

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.

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.

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.  

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

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.