
Freehunter Ltd.
Web UI / UX Design
#UI #UX #Wireframe #Prototype #User Interview #Web
Freehunter is the Creatives’ Networking Site founded in Hong Kong, with over 2,000 professional registered CREATIVES. It gathers people from different creative industries in Hong Kong to exchange ideas and develop cooperation opportunities on the platform. Users can create personal pages on the platform to record their career development and receive a large variety of job opportunities to expand their career map. Also, users can communicate with other creatives from different industries on the platform and seek cooperation opportunities.

Challenge
As new features are going to be introduced in the platform, the current design may not be adaptive to the new content. Also, we aim to redesign the user interface with the characteristics of professionalism, creativity, minimalism, and user-friendliness. My role in this project is not limited to the visual design and experience structuring but also is to work closely with the marketing team on competitor analysis, user research, etc.
Solution
Huge amendments are made based on user experience and visual elements. We aim to make a more minimal, artistic, interactive UI design. By conducting a structural user flow, users are able to navigate and find the target in a more intuitive way. As more functions are going to be introduced, we are redesigning the CTA buttons in terms of the placement, design, hover and click effects.
Achievement
40% increase in monthly web visits
(pageviews from ~60K+ to ~100K 2nd month after the new design is launched)
Mindmap
​
For products with a lot of actors and complex ecosystem (customers, employees, partner apps, support system, back office tools, etc.) it is important to keep the connections working to avoid conflicts.
​
In many cases, digital experience is not the same as the overall customer experience. Product designer has to think wider and predict what parts of the system will be affected by what’s done in the app.

UI Style​
Creatives in Hong Kong may sometimes be regarded as amateurs instead of professionals. To add more professionality into the brand, deep grey-black colour is added.
​
Yet to balance the brand image between professionally-smart and innovatively-funny, we use the typeface: Apercu (which is used by Awwwards) to add a taste of entertainment.
Micro-interaction​


Micro-interactions encourage users to complete actions. Their purpose is to delight the user; to create a moment that is engaging, welcoming and human.


00. Landing Page

01. News Feed




02. Search

03. Jobs / Quotes






04. Blog


05. Chatroom & Invitation Page

