https://online.qut.edu.au/
(New version to be live in Dec, 2024)

Role: UI Designer
Team: Collaborated with Harry Zhou and Molly Seeary


Overview:
As part of a collaborative team of three UI Designers, I contributed to the redesign of the QUT Online website. This project aimed to deliver a visually engaging and user-friendly platform tailored to the needs of prospective and current students. Leveraging UX research and iterative design processes, we created a design that was both functional and responsive.

💻 Key Contributions:

Design System Development: Designed and implemented a scalable design system in Figma, ensuring visual and functional consistency across all components.

Interactive Tools & Modular Features: Developed interactive modules allowing students to explore critical information—such as Eligibility Checker, Completion Forecast and Fee Calculator—directly addressing pain points identified through user research.

Prototyping in Figma: Built an interactive Figma prototype (Prototype Link) to demonstrate the design concepts, navigation flows, and interactivity, which allowed stakeholders to experience the redesigned interface firsthand.

User Testing: Conducted user testing sessions with the prototype to validate design decisions, uncover usability issues, and refine features based on real user feedback.

Responsive Design: Ensured the design was fully responsive, delivering a seamless experience across desktop, tablet, and mobile devices.

Collaboration & Stakeholder Engagement: Partnered with Harry and Molly to align on creative solutions and presented prototypes to stakeholders, incorporating their feedback in iterative design updates.

Outcome:
The redesigned QUT Online website achieved a modern, accessible, and user-centered interface. User testing confirmed the effectiveness of the interactive tools in meeting student needs, resulting in a design that enhances usability and supports the university’s commitment to delivering an exceptional online learning experience.

💡 Reflection & Lessons Learned

One of the key challenges we faced was the lack of an established design system at the beginning of the project. Without a unified framework, each designer initially approached the design in their own way, resulting in inconsistencies, particularly with CTA styles across the pages.

As the project progressed and more pages were built, it became clear that having multiple variations of CTAs was neither scalable nor efficient. To address this, we conducted a thorough review of all existing styles, narrowed them down to a cohesive set of final options, and incorporated these into a newly developed design system. This process involved:

Auditing existing designs to identify redundant or unnecessary styles.

Aligning as a team to decide on the most effective and versatile styles to retain.

Updating existing pages to replace inconsistent elements with the streamlined components from the design system.

This experience underscored the importance of establishing a robust design system early in the project. While the team successfully resolved the issue and delivered a cohesive final product, the additional effort required to retroactively update pages highlighted the inefficiency of designing without a unified system from the start.

What I Would Do Differently:
In future projects, I would prioritize creating a foundational design system before starting the page design process. This would ensure consistency, save time, and reduce rework, ultimately resulting in a more streamlined workflow and a more cohesive user experience from the outset.

Federation University Online UI Uplift

Role: UI Designer
Team: Collaborated with Molly Seeary and Harry Zhou

Overview:
I led the UI uplift for Federation University Online (https://online.federation.edu.au/), aligning the user interface with the university’s updated brand identity. This project focused on enhancing visual consistency and modernizing the platform’s look and feel while ensuring a seamless user experience.

💻 Key Contributions:

Brand Integration: Translated the updated brand identity into the digital space by incorporating new color palettes, typography, and visual elements throughout the online platform.

UI Design Updates: Redesigned key UI components to reflect the refreshed brand guidelines, ensuring a cohesive and professional appearance across all user touchpoints.

Accessibility Compliance: Ensured all UI updates adhered to accessibility standards, improving the platform’s usability for all students, including those with disabilities.

Figma Design System Updates: Updated and expanded the existing design system in Figma to incorporate the brand changes, enabling future scalability and collaboration.

Responsive Design: Optimized all UI elements to maintain consistency and functionality across desktop, tablet, and mobile devices.

Stakeholder Collaboration: Worked closely with the branding and marketing teams to align design changes with the university’s overall vision while incorporating feedback from key stakeholders.

Outcome:
The UI uplift successfully modernized the Federation University online platform, aligning it with the updated brand identity while maintaining a user-friendly experience. The project not only enhanced the platform’s visual appeal but also reinforced the university’s commitment to providing an accessible and engaging online environment for its students.

💡 Challenges & Solutions

The Federation University Online UI Uplift faced a compressed timeline, shifting from 4 weeks for design to 2 weeks for design and 2 weeks for development. To adapt, we restructured the project into two phases:

Critical Updates: Delivered essential design changes within 2 weeks to allow development to begin immediately.

Refined Design: Created more polished updates during development, implemented in Phase 2 post-launch.

By prioritizing high-impact changes and collaborating closely with developers, we ensured the platform went live on schedule while leaving room for further enhancements after launch.

Art Direction: Megan Cox
Photography: Hannah McGuinness and Adam McConnell

For T2’s email marketing campaigns, I designed engaging and visually striking eDMs that aligned with the brand’s bold aesthetic while ensuring clarity and accessibility.

🔸 Campaign Concept & Design – Crafted layouts that effectively communicated promotional offers, product launches, and brand stories, balancing vibrant visuals with clear messaging.

🔸 User-Centric Approach – Focused on optimizing readability, mobile responsiveness, and conversion-driven design to enhance engagement and click-through rates.

🔸 Brand Consistency – Ensured seamless integration with T2’s broader marketing efforts, maintaining a cohesive look across emails, web, and social media.

This project highlights my expertise in digital design, email marketing, and creating immersive brand experiences.

For T2’s Festive campaign, I crafted a range of digital assets to bring the brand’s holiday spirit to life across multiple touchpoints.

🔸 Interactive Web Banner Design – Designed dynamic and engaging web banners to enhance the online shopping experience and drive conversions.

🔸 Social Media Outputs – Created a mix of static and motion graphics tailored for different platforms, ensuring maximum engagement and shareability.

🔸 Animation for In-Store Digital Screens – Developed vibrant animations to capture attention in-store, elevating the festive atmosphere and reinforcing campaign messaging.

🔸 eDM Design – Designed visually compelling emails that aligned with the campaign’s aesthetic while optimizing for readability and click-through rates.

Art Direction: Megan Cox
Photography: Hannah McGuinness & Adam McConnell

This project showcases my ability to design cohesive digital experiences that align with brand storytelling and engage audiences across multiple platforms.

For T2’s Sustainability initiative, I designed a cohesive digital experience across multiple platforms to communicate the brand’s commitment to ethical sourcing and environmental responsibility.

🔸 Landing Page Design – Created an engaging, visually rich web experience that educates customers on T2’s sustainability efforts while maintaining the brand’s vibrant aesthetic. Ensured responsiveness and accessibility for a seamless user experience.

🔸 Animation for In-Store Digital Screens & Social Media – Developed eye-catching motion graphics to bring the campaign to life, enhancing in-store engagement and increasing online visibility.

🔸 Email Design – Designed a compelling email layout that aligns with the campaign’s messaging, optimizing for readability and conversion.

As the sole in-house designer at MoreDent, I managed a broad range of creative responsibilities to support the brand’s marketing and business objectives. My role encompassed:

🔸 Branding & Visual Identity – Designed logos, developed brand guidelines, and ensured a consistent visual identity across all touchpoints.

🔸 Graphic Design – Created business cards, brochures, and other print collateral to enhance brand presence.

🔸 Web Design & Development – Designed and built e-commerce websites, ensuring seamless user experience and functionality.

🔸 Digital Design – Produced eDMs, social media content, and digital assets to drive engagement and conversions.

🔸 Photography – Captured high-quality product and promotional imagery for marketing materials.

🔸 Exhibition Experience Design – Developed engaging booth designs and visuals for industry events.

Proficient in:
📌 Photoshop, Illustrator, InDesign, After Effects, Canva
📌 Shopify, WordPress, Webflow
📌 HTML/CSS coding
📌 SketchUp

This role allowed me to develop a versatile skill set, combining design, branding, and digital expertise to deliver impactful creative solutions.

For Dentistry Academy, I developed a cohesive visual identity and digital presence to support its educational initiatives and professional training programs.

🔸 Visual Identity & Logo Design – Created a strong and professional brand identity, ensuring consistency across all materials.

🔸 Website Design & Development – Designed and built a user-friendly website to showcase courses, resources, and webinars.

🔸 Course Brochure & Flyer Design – Developed engaging print and digital materials to promote courses and events.

🔸 Banners – Designed promotional banners for both digital and physical use.

🔸 Teaching Materials Content Design – Crafted presentation slides and videos to enhance the learning experience.

🔸 Webinar Support – Provided design and technical support for online training sessions.

This project showcases my ability to create a seamless brand experience across digital and print, enhancing both marketing and educational content.

I led the creative direction for rebranding and digital transformation, ensuring a modern and cohesive visual identity across all platforms.

🔸 Logo Design & Rebranding – Developed a refreshed brand identity, creating a distinctive and professional look that aligns with the company’s vision.

🔸 Motion Graphics & Video Editing – Produced engaging animations and video content for marketing and educational purposes.

🔸 Website Design & Development – Designed and built a user-friendly website, optimizing for both aesthetics and functionality.

🔸 Brochure Design – Created high-quality print materials to effectively communicate brand messaging and services.

This project highlights my expertise in branding, digital design, and multimedia content creation.

www.bvitalbiotech.com

I was responsible for:

Brand Identity Design

Web design and development

Packaging Design

Brochure Design