About me
I am a freelance web designer with 4 years of Business Admin experience as background, currently working as a lab instructor at Seneca College.
After four years of working as a bookkeeper, I decided to make a career change during the pandemic. I took Web Design and Development courses at Seneca College. During the program, I learned a lot about the newest web design technique. My instructors’ compliments and the achievement of 4.0 GPA in the courses provided me with more confidence to continue doing what I enjoy – color, pictures, and design!
What I do
UI/UX Design
An effective interface is based on understanding users' needs and spreading a clear message. I make sure the design is innovative and neat with all of this.
Front End Development
I am the developer who’ll take over the research and development of your website, I am a well-established professional to help you with this.
Logo/Graphic Design
If you are looking for a unique and attractive logo or simply editing an image to put on your website, I will be more than happy to assist you.
Keep Learning...
I believe continuous learning is crucial for a web designer because there are always new technologies and software. I’ve spent a lot of time taking online courses. Until now, I’ve completed over 20 courses on educational platforms such as Coursera and LinkedIn Learning. And these are the skills I obtained:
Tech Skills
Coding Languages
HTML
CSS
JavaScript
PHP
Software and Tools
WordPress
Joomla
Adobe XD
Adobe Photoshop
Adobe Illustrator
Figma
Canva
Bootstrap
Microsoft Word
Microsoft PowerPoint
Microsoft Excel
jQuery
Git/GitHub
Soft Skills
- Creative
- Problem-solving
- Detail-oriented
- Organized
- Communication
- Teamwork
- Quick learner
Portfolio
Website Design Freelance Projects
Case Study
View it on Behance
Read MoreCourse Assignments/ Mock Projects
This was a Flexbox practice project for my course assignment. I researched 3 different bakery websites and designed this website for my fabricated client Bob. It includes Home, Menu, and Contact page. On the menu page, Flexbox helped a lot when I was trying to organize all those products’ images. For details, please check the design rationale page. All the contents included are for academic purposes only.
I used Bootstrap to build this page based on the HTML code provided by the instructor. It was a good tool for setting up grids and achieving responsive design. There were several JavaScript functions used for changing images when hovering, changing text messages after a certain time, checking contact form validation, getting the current date, and showing full-size images when hovering thumbnail images. This website has a very simple but clean look, which I like the most.
Want to see more work?
This was a practice of jQuery plugins and load function. Based on the code provided by my instructor, I added the slide show on the top of the page, a lightbox when user clicks on the pictures, and a smooth scroll effect when user navigates the page.
Graphic Design




Want to see more work?
Mobile App Design


Logo Design





Testimonials
Songyao was an outstanding student in Seneca’s Web Design & Development program. She excelled in the program, showing a strong aptitude for coding and website development. Very organized with an eye for detail and the impressive ability to consistently complete assignments before the required deadlines, Songyao would be a tremendous asset for any company.
Donna Noma
Songyao is talented and very hard working. She excels at every project she starts and it’s mostly due to her dedication to her career. She’s extremely focused and always 2 steps ahead. I would not hesitate to work with or recommend Songyao. Anyone would be fortunate to have her on their team!
Jaya Sigot
Songyao did our website at timeless harmony spa and did a fantastic job. She made it less cluttered and much easier to navigate. Thank you Songyao, you are very talented.