--- title: Behind the Interface: Crafting a “Digital Welcome” for... description: A UI designer shares the visual design decisions behind the PIONIR Gadjah Mada 2025 university orientation website. The post covers four key design choices:... canonical: https://daily.dev/posts/behind-the-interface-crafting-a-digital-welcome-for-ugm-s-2025-freshmen-f9aem1qzj twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Behind the Interface: Crafting a “Digital Welcome” for UGM’s 2025 Freshmen | daily.dev og:description: A UI designer shares the visual design decisions behind the PIONIR Gadjah Mada 2025 university orientation website. The post covers four key design choices:... og:url: https://daily.dev/posts/behind-the-interface-crafting-a-digital-welcome-for-ugm-s-2025-freshmen-f9aem1qzj og:image: https://api.daily.dev/og/posts/F9Aem1qzJ.png og:image:alt: Behind the Interface: Crafting a “Digital Welcome” for UGM’s 2025 Freshmen og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Behind the Interface: Crafting a “Digital Welcome” for UGM’s 2025 Freshmen **[Medium](https://daily.dev/sources/medium_js)** · 6 min read · 1 upvotes · 0 comments ## Summary A UI designer shares the visual design decisions behind the PIONIR Gadjah Mada 2025 university orientation website. The post covers four key design choices: using a 3D campus render with negative space to create emotional impact, anchoring the color palette to green for psychological and accessibility reasons, maintaining visual parity across desktop and mobile via a modular grid system, and keeping atomic UI elements (buttons, shadows) minimal to manage cognitive load. The author also took direct control of asset exports from Adobe Illustrator to ensure quality on high-DPI screens. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [UI Design with Midjourney](https://daily.dev/posts/ui-design-with-midjourney-whdfwzbac) · UX Planet · 10 upvotes · 1 comments - [GenUI Design: Foundational Patterns](https://daily.dev/posts/genui-design-foundational-patterns-gs4haqodk) · Medium · 14 upvotes · 0 comments --- Tags: [#ui-design](https://daily.dev/tags/ui-design), [#accessibility](https://daily.dev/tags/accessibility), [#figma](https://daily.dev/tags/figma) [View this post on daily.dev](https://daily.dev/posts/behind-the-interface-crafting-a-digital-welcome-for-ugm-s-2025-freshmen-f9aem1qzj) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Behind the Interface: Crafting a “Digital Welcome” for UGM’s 2025 Freshmen","url":"https://daily.dev/posts/behind-the-interface-crafting-a-digital-welcome-for-ugm-s-2025-freshmen-f9aem1qzj","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/behind-the-interface-crafting-a-digital-welcome-for-ugm-s-2025-freshmen-f9aem1qzj"},"datePublished":"2026-07-20T07:31:17.964Z","dateModified":"2026-09-13T21:53:55.549Z","description":"A UI designer shares the visual design decisions behind the PIONIR Gadjah Mada 2025 university orientation website. The post covers four key design choices:...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/e8e2c0d294811650abb8800aa65ebf21?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/e8e2c0d294811650abb8800aa65ebf21?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Medium","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Medium","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/medium","url":"https://daily.dev/sources/medium_js"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/behind-the-interface-crafting-a-digital-welcome-for-ugm-s-2025-freshmen-f9aem1qzj","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ui-design,accessibility,figma","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Medium","item":"https://daily.dev/sources/medium_js"},{"@type":"ListItem","position":3,"name":"Behind the Interface: Crafting a “Digital Welcome” for UGM’s 2025 Freshmen"}]} ```