Close-up of a woman's face and upper body with long, wavy brown hair, wearing a dark sweater against a plain light grey background.

Hayley Mok

Minimal | Modern | Balanced

I am a designer focused on thoughtfully placed, clear visual solutions, creating work that develops with precision and clarity.

The image features a stylized logo with two abstract shapes resembling a brain, one in dark blue. Below the logo, the text reads 'HAYLEY MOK' in blue uppercase letters.

Graphic Designer

Full Portfolio

Magazine Design

Project Tags | Design | Branding

Open magazine displaying neon-lit signs and streetscapes at night.
An open magazine displaying colorful images of city streets at night with neon signs and Asian characters, on a plain white background.

Objective: Design a 4-page magazine considering how text and design conveys meaning; employing text hierarchies as a way to navigate; selecting appropriate typeface pairings; creating effective image and text combinations; and creating visual continuity from page to page.

The idea behind the project was inspired by the neon lights of Hong Kong’s nightlife. I tried to recreate the title with the neon light effect and use the colour that matches Hong Kong’s vibe.

A rectangular sign with a white background and a black frame, displaying the name 'Jännil' and the tagline 'Steady care,' hanging from a metal frame outside a modern building with large glass windows.

Independent Brand Project

Comuunication | Branding

Objective: Design a brand identity, graphic standards and applications by completing a self-initiated design project to meet professional development goals.

Jämn is a skincare brand built around consistency, clarity, and long-term care. Guided by an understated and reliable approach, the brand supports everyday skincare routines through clear information, thoughtful design, and a calm visual language that prioritizes trust over trends.

Business cards for Jämm, a company offering steady care and a loyalty program, with one card displaying a 15% discount. The cards are placed on a gray surface.
A pastel blue paper shopping bag with lavender handles and white text and logo, standing upright on a light background.
A brown glass dropper bottle labeled 'Jämn Hydrating Serum' resting on a tree stump, surrounded by white flowers and branches.

Brand Project

Typography | Communication | Branding

Objective: Explore and experiment with different levels of abstraction to design a symbol and integrate it with a logotype to communicate the core concepts of a brand based on an animal, a product or service, and an adjective.

This project includes the concepts of lion, perfume, and luxury, using the lion as a symbol of courage and bold identity. Inspired by these, the design embraces rich gold tones and refined details to create a strong, luxurious visual atmosphere.

Multiple stylized line drawings of a lion wearing a crown, accompanied by the word 'INTRÉPIDE' underneath each.

Iterations

A laptop computer displaying a travel blog about exploring Asia, with multiple pages open showing articles on traveling in Japan, Thailand, and other Asian destinations, with text and images of cityscapes, fireworks, and cultural landmarks.
Website

Wordpress Blog

Typography | Communication | Layout

Objective: Build a fully functional personal blog using WordPress, featuring a clean and professional design that effectively showcases skills and interests. The site will include essential pages (Home, About, 5 Blog Posts, and Contact) with a consistent theme applied throughout.

This WordPress website was inspired by the travel experiences that I have had in Asia. This website will show different places using visual images and content. In order to create this idea, I have also used AI to produce some of the visual images and text. The design of this website has been done with proper hierarchy and readability.

Book titled "Everything is Edible" with a LEGO-inspired cover and chopsticks resting on a red circular element.

Lego Cookbook

Typography | Communication | Layout

Objective: Design a cookbook, ensuring its recipes, graphics, and the other ancillary information, work together as part of a coherent concept, that brings the story, the foods, and the dishes to life, while considering the hierarchy of the typography, professional typesetting of the main text, the connection between text and images, and the continuity of all pages.

The inspiration for the cookbook comes from the fun construction principle of LEGOs. By this concept, we created a Japanese-themed layout where the LEGOs are used to categorize food items and provide a visual representation of the cooking process.

A stylized blue logo resembling a symmetrical abstract design or a double S shape.
An empty black skateboard with white wheels and trucks, resting on a yellow surface.
An open door showing a dark interior with a person's hand reaching out.