{"id":660,"date":"2023-03-14T15:00:37","date_gmt":"2023-03-14T08:00:37","guid":{"rendered":"https:\/\/produck.click\/?post_type=rara-portfolio&#038;p=660"},"modified":"2026-02-04T15:14:05","modified_gmt":"2026-02-04T08:14:05","slug":"lms-education-website","status":"publish","type":"rara-portfolio","link":"https:\/\/produck.click\/index.php\/portfolio\/lms-education-website\/","title":{"rendered":"LMS Education Website"},"content":{"rendered":"\n<h3>1. Project Overview<\/h3>\n\n\n\n<p><strong>Type:<\/strong> Education Website \/ LMS Platform<br><strong>Year:<\/strong> ~<br><strong>Role:<\/strong> UI \/ Visual Designer<br><strong>Tools:<\/strong> Adobe Photoshop<br><strong>Platform:<\/strong> WordPress (LMS-based CMS)<\/p>\n\n\n\n<h3>2. Design Goals \u2013 At That Time<\/h3>\n\n\n\n<p>M\u1ee5c ti\u00eau c\u1ee7a d\u1ef1 \u00e1n l\u00e0 x\u00e2y d\u1ef1ng giao di\u1ec7n LMS d\u00e0nh cho tr\u01b0\u1eddng h\u1ecdc v\u1edbi h\u00ecnh \u1ea3nh <strong>hi\u1ec7n \u0111\u1ea1i, th\u00e2n thi\u1ec7n v\u00e0 truy\u1ec1n c\u1ea3m h\u1ee9ng h\u1ecdc t\u1eadp<\/strong>, kh\u00e1c v\u1edbi c\u00e1c h\u1ec7 th\u1ed1ng gi\u00e1o d\u1ee5c kh\u00f4 c\u1ee9ng th\u1eddi \u0111i\u1ec3m \u0111\u00f3. Thi\u1ebft k\u1ebf \u01b0u ti\u00ean ni\u1ec1m tin, t\u00ednh h\u1ecdc thu\u1eadt v\u00e0 kh\u1ea3 n\u0103ng tr\u00ecnh b\u00e0y nhi\u1ec1u n\u1ed9i dung h\u1ecdc t\u1eadp, trong b\u1ed1i c\u1ea3nh UX ch\u01b0a d\u1ef1a tr\u00ean d\u1eef li\u1ec7u h\u00e0nh vi.<\/p>\n\n\n\n<h3>3. Design Focus<\/h3>\n\n\n\n<ul>\n<li><strong>Academic &amp; inspirational visual tone (t\u00f4ng th\u1ecb gi\u00e1c h\u1ecdc thu\u1eadt \u2013 truy\u1ec1n c\u1ea3m h\u1ee9ng):<\/strong> S\u1eed d\u1ee5ng h\u00ecnh \u1ea3nh sinh vi\u00ean, gi\u1ea3ng \u0111\u01b0\u1eddng v\u00e0 ho\u1ea1t \u0111\u1ed9ng h\u1ecdc t\u1eadp k\u1ebft h\u1ee3p m\u00e0u xanh ch\u1ee7 \u0111\u1ea1o \u0111\u1ec3 t\u1ea1o c\u1ea3m gi\u00e1c tin c\u1eady, t\u00edch c\u1ef1c v\u00e0 mang tinh th\u1ea7n gi\u00e1o d\u1ee5c qu\u1ed1c t\u1ebf.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Content-rich homepage layout (b\u1ed1 c\u1ee5c gi\u00e0u n\u1ed9i dung):<\/strong> Trang ch\u1ee7 \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf d\u1ea1ng nhi\u1ec1u kh\u1ed1i n\u1ed9i dung (tin t\u1ee9c, ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc, s\u1ef1 ki\u1ec7n, \u0111\u1ed1i t\u00e1c, m\u1ea1ng x\u00e3 h\u1ed9i) nh\u1eb1m gi\u1edbi thi\u1ec7u to\u00e0n di\u1ec7n h\u1ec7 sinh th\u00e1i tr\u01b0\u1eddng h\u1ecdc ch\u1ec9 trong m\u1ed9t m\u00e0n h\u00ecnh d\u00e0i.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Clear information hierarchy (ph\u00e2n c\u1ea5p th\u00f4ng tin r\u00f5 r\u00e0ng):<\/strong> Ph\u00e2n t\u00e1ch r\u00f5 c\u00e1c nh\u00f3m n\u1ed9i dung h\u1ecdc thu\u1eadt, truy\u1ec1n th\u00f4ng v\u00e0 tuy\u1ec3n sinh; headline l\u1edbn, CTA n\u1ed5i b\u1eadt (Apply Now \u2013 \u0111\u0103ng k\u00fd h\u1ecdc) gi\u00fap ng\u01b0\u1eddi xem nhanh ch\u00f3ng \u0111\u1ecbnh h\u01b0\u1edbng m\u1ee5c ti\u00eau.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>LMS-ready modular design (thi\u1ebft k\u1ebf s\u1eb5n s\u00e0ng cho LMS):<\/strong> UI \u0111\u01b0\u1ee3c chia theo module \u0111\u1ec3 d\u1ec5 t\u00edch h\u1ee3p c\u00e1c ch\u1ee9c n\u0103ng \u0111\u1eb7c th\u00f9 c\u1ee7a LMS nh\u01b0 ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc, kh\u00f3a h\u1ecdc, tin t\u1ee9c h\u1ecdc thu\u1eadt v\u00e0 qu\u1ea3n l\u00fd n\u1ed9i dung tr\u00ean CMS.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Responsive adaptation (th\u00edch \u1ee9ng \u0111a thi\u1ebft b\u1ecb):<\/strong> Thi\u1ebft k\u1ebf \u0111\u01b0\u1ee3c chu\u1ea9n b\u1ecb cho desktop, tablet v\u00e0 mobile, t\u1eadp trung gi\u1eef kh\u1ea3 n\u0103ng \u0111\u1ecdc n\u1ed9i dung, theo d\u00f5i tin t\u1ee9c v\u00e0 truy c\u1eadp th\u00f4ng tin h\u1ecdc t\u1eadp tr\u00ean c\u00e1c k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh kh\u00e1c nhau.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1616\" height=\"1264\" src=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2.jpg\" alt=\"\" class=\"wp-image-889\" srcset=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2.jpg 1616w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2-300x235.jpg 300w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2-1024x801.jpg 1024w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2-768x601.jpg 768w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2-1536x1201.jpg 1536w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/University_2-77x60.jpg 77w\" sizes=\"(max-width: 1616px) 100vw, 1616px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>1. Project Overview Type: Education Website \/ LMS PlatformYear: ~Role: UI \/ Visual DesignerTools: Adobe PhotoshopPlatform: WordPress (LMS-based CMS) 2. Design Goals \u2013 At That Time M\u1ee5c ti\u00eau c\u1ee7a d\u1ef1 \u00e1n l\u00e0 x\u00e2y d\u1ef1ng giao di\u1ec7n LMS d\u00e0nh cho tr\u01b0\u1eddng h\u1ecdc v\u1edbi h\u00ecnh \u1ea3nh hi\u1ec7n \u0111\u1ea1i, th\u00e2n thi\u1ec7n v\u00e0 truy\u1ec1n c\u1ea3m h\u1ee9ng h\u1ecdc t\u1eadp, kh\u00e1c &hellip; <\/p>\n","protected":false},"author":1,"featured_media":661,"comment_status":"closed","ping_status":"closed","template":"","rara_portfolio_categories":[10],"_links":{"self":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/rara-portfolio\/660"}],"collection":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/comments?post=660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/media\/661"}],"wp:attachment":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/media?parent=660"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/rara_portfolio_categories?post=660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}