Alena Chia
Graphic Designer & UI/UX Builder
My Work
UI/UX Design
These are the mockups that I design with Adobe Photoshop. I make it with designing a greater aspect of 5 core values: consistency, visibility, learnability, predictability, and feedback. I used various tools such as visual shapes and colours, sleek details, buttons, and icons to transform into a modern and efficient website with a focus on usability and user experience.
Content Management System
The websites are I created in an open-source (free) CMS content called WordPress that it is popular for web designing users which it allows to edit and publish it. It’s dynamic and features a variety of building 'blocks' such as social icons, just to name a few. There is other websites I created in local host that includes various plugins from add-ups (Yoast SEO, WPForms) to web builders (Elementor and WooCommerce) I used for sleek design.
Web Development Fundamentals
These are the HTML websites I made in Notepad++. It is integrated with JavaScript for programming and makes tons of coding specialties such as dropdowns, web forms, image slideshows, etc. There is an additional CSS for colouring and typography features, and I did some validation to ensure that my web pages comply with W3C standards.
Mobile Video for Marketing
This is a video ad I made and edit in Adobe Rush for my school project. I chose an A&W Root Beer can drink because it is easier, simple, and more convenient to use for my 15-sec commercial ad. For animatics and then my final actual video based on my storyboard during progress, I used various effects such as transitions, colour texture, wording text, and music with sound effects to morph into a real life advertisement.
Rich Interactive Applications
These are the interactive applications that I made with Adobe Animate during lab exercises and school projects. I used various techniques such as tweens and debugging to create interesting ad banners, gaming applications and other interactive contents by manipulating digital assets and media elements that maintain UX customizations.
Mobile Web Development
It takes on developing and deploying responsive web designs at different layouts based on the size and capabilities of various devices and asserting tasks that require programming skills by using jQuery and manipulating dynamic HTML elements.
Other Works
These are my other workpieces that include banners and UI design made using Photoshop.
