top of page

My Role

Lead visual style

Course design

Storyboard design

Icon library

FB UI design & manage

Web design

Aptly 

Aptly is an E-learning program from Sophosproductions company partnered with Coursera and Meta. I used their original logo and color palettes to enhance the overall new visual style. It's presented to students and clients, such as online courses and videos in Coursera.  As Meta's vendor company, I led the Aptly design team to work with the content team and Meta team to build UI assets for FB blueprint learning courses successfully. Finally, I cooperated with UX designers and developers to launch a new version of the Aptly website.

2020 – 2021

Anchor 1
COVER-final.png
ezgif.com-gif-maker (2).gif

0A004A

21A8B0

FFDE00

E84133

EC6726

623D91

DM SANS

move-08.png
Untitled-1.gif
Asset 5_4x.png
Aptly template_landscape 1024_2.jpg
Aptly template_landscape 1024_49.jpg
Aptly template_landscape 1024_6.jpg
Aptly template_landscape 1024_30.jpg
Aptly template_landscape 1024_3.jpg
Aptly template_landscape 1024_37.jpg
Desktop - 2.png

2020

Desktop - 1.png

2021

ezgif.com-gif-maker (6).gif
line2-13.png

Aptly Website

live website aptly.co

62.png
What We Do - C2.png
Group 101.png
Group 129.png
Screen Shot 2022-03-17 at 9.54.25 PM.png

Buttons 

Chips

Screen Shot 2022-03-17 at 9.50.53 PM.png
Group 128.png
Home+Redirect Flag.png
Learn  With Us+Reviews.png

Sophosproduction Website Ideas

move-09.png
social media post-ig.png
social media post-01.png
Screen Shot 2022-03-18 at 11.44.12 AM.png
Screen Shot 2022-03-18 at 10.57.54 AM.png
  • Instagram
Sophos-2.png
Sophos-1.png
11-15.png
line-13.png

Coursera

Check out more info here

Learner_First_Award.png
Screen Shot 2022-03-17 at 11.21.47 AM.png
landing page_logos-25.png
landing page_logos-16.png
landing page_logos-26.png
landing page_logos-23.png
landing page_logos-24.png
V2 of FSM.C1.M1.L2.A4 - Create a Social Media Account - Reading-01.jpg
V2 FSM.C1.M5.L2.A8 - How to Create a LinkedIn Profile  - Reading-02.jpg
V2 of FSM.C1.M1.L2.A4 - Create a Social Media Account - Reading-17.jpg
V2 FSM.C2.M3.L4.A4 - Manage and Moderate Your Online Presence - Reading-09.jpg
V2 FSM.C2.M3.L4.A4 - Manage and Moderate Your Online Presence - Reading-06.jpg
V2 FSM.C1.M5.L2.A8 - How to Create a LinkedIn Profile  - Reading-01.jpg
V2 of FSM.C1.M1.L2.A4 - Create a Social Media Account - Reading-13.jpg
V2 FSM.C2.M3.L4.A4 - Manage and Moderate Your Online Presence - Reading-16.jpg
V2 of FSM.C1.M1.L2.A4 - Create a Social Media Account - Reading-06.jpg
V2 of FSM.C1.M1.L2.A4 - Create a Social Media Account - Reading-21.jpg
ezgif.com-gif-maker (7).gif

Meta UI Deisgn

Checkout we made courses facebookblueprint

Cover Hero Image 

Hero Large.png

use in different formats 

Hero Medium.png
Screen Shot 2022-03-18 at 5.17.59 PM.png

colors in different courses

Hero Small.png

Key takeaways

ezgif.com-gif-maker (1).gif

2020

filled out color style

Frame 1.png

2021

outline color style

hybrird_setup_infograph.png

UI assets showcase

addiscovery_flowtype.png
creator_igstorystickers_mobileui.png
ezgif.com-gif-maker (8).gif
creator_reelareffects_mobileui.png
ezgif.com-gif-maker (9).gif
verifiedig_mobileui.png
creatorstudio_publishingtools.png

Copyright© 2022 by Zihan Yang

  • Behance
  • LinkedIn
  • Issuu
bottom of page