Mathew Cheung
I design
User Experiences
I am a UX Designer with 1-year of experience in web design for branding and e-commerce websites. I value input from my clients in order to create effective designs that achieves their vision.
​
My process involves combining my background in Psychology, implementing concepts concerning human perception and pattern recognition, to improve my designs by making them more intuitive for the users.
![4@2x.png](https://static.wixstatic.com/media/d5483e_3225fed8869e461e97b25ac22f0523ab~mv2.png/v1/fill/w_118,h_118,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/d5483e_3225fed8869e461e97b25ac22f0523ab~mv2.png)
Design
Projects
A subscription box e-commerce website for a mental health start-up based in Hong Kong.
Blossom
Web Designer / Project Consultant
Coming soon......
Design Principles
![Artboard 1@2x.png](https://static.wixstatic.com/media/d5483e_ddd69eebf33a46f4898048722b19da33~mv2.png/v1/fill/w_81,h_102,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Artboard%201%402x.png)
Simplicity
It is important to me that my design solutions are understandable and direct. I don’t want to beat around the bush, and need my users to do multiple U-turns when interacting with my solutions.
![Artboard 1_1@2x.png](https://static.wixstatic.com/media/d5483e_36509df9b328499aab21bf749f38cd4a~mv2.png/v1/fill/w_82,h_102,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Artboard%201_1%402x.png)
Reliability
I don’t need to be a master artist, but I want my designs to be visually appealing, logical and give my users comfort, control and confidence.
![Artboard 1_2@2x.png](https://static.wixstatic.com/media/d5483e_118845f19be142e389613e0824f3760a~mv2.png/v1/fill/w_82,h_132,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Artboard%201_2%402x.png)
Consistency
Most of the time, I don’t see myself working on my own. In a team setting, it is important to establish consistency and a consensus on the design language, criterion and process.
Design Process
1. Research
It is my responsibility to empathise and understand the pain points of the users. This stage allows me to gain insight and see from the eyes of my target market, what their burning urges are, irritants and definite necessities when using a product similar to mine.
2. Define
My insight on the users becomes cemented as a design problem. This will drive the features and overall design considerations of the ideating process to develop a solution that will help relieve the paint points of my users.
3. Ideate
This is the bread and butter of the designer, where we can let loose and imagine different ways we can go about helping the user. I go through numerous design iterations and make multiple changes before settling on a finalised solution.
4. Prototype
This is the stage where the hard work slowly comes together. I pick key user flows to be prototyped in order for them to be tested and gain user feedback. This will lead to higher quality insight on the product compared to verbal feedback on static mock-ups.
5. Test
Finally, a small sample of users, ideally ones who are similar to the target market, will be interviewed after using the prototypes. This stage could take form of a large scale survey, or a 1-on-1 interview for qualitative feedback concerning the user experience.
![Group 33@2x.png](https://static.wixstatic.com/media/d5483e_83a19b0bc38c48a794963eec0600032f~mv2.png/v1/fill/w_87,h_173,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%2033%402x.png)
Skills
User & Comparative Research
Serial Wireframing
Graphic Design
Interactive Prototyping
Tools
Adobe XD
![Adobe_XD-Logo.wine.png](https://static.wixstatic.com/media/d5483e_e728f332807446229fabd41727e93134~mv2.png/v1/fill/w_78,h_52,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Adobe_XD-Logo_wine.png)
![logo_figma.png](https://static.wixstatic.com/media/d5483e_5752f7a047854bfa823db9b10aa2b8d2~mv2.png/v1/fill/w_28,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/logo_figma.png)
Figma
![Illustrator-Logo.png](https://static.wixstatic.com/media/d5483e_21027e8340fe43bca3e124f724b81d10~mv2.png/v1/fill/w_54,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Illustrator-Logo.png)