Re-skinning Website
CLIENT
Skill Certified Australia
ROLE
Freelance UI designer
DELIVERABLES
Lo & Hi-Fi designs, dev handover
DURATION
2 week project
YEAR
2023
Skills Certified aims to lead the sector in guiding skilled workers toward career success.
Run by industry experts, the organization empowers individuals to leverage their prior education and skills for new opportunities. Emphasizing compliance and safety, they provide expert guidance for obtaining necessary certifications.
The brand underscores the value of filling training gaps and obtaining formal certification to unlock diverse work opportunities and career growth. Through Recognition of Prior Learning (RPL), Skills Certified facilitates nationally recognized qualifications by acknowledging skills acquired in various contexts, reducing unnecessary repetition in the process.
Challenges and Requirements
Ensure the proposed design maintains the current layout and design integrity, safeguarding insights from years of split-testing. Seamlessly integrate the familiar call-to-action layout with contemporary aesthetics, adapting the WordPress theme for consistency while adding fresh style elements. Maximize efficiency by reusing templates to preserve a uniform user experience. Prioritize a thorough review of WordPress template documentation for successful implementation of the redesigned platform.
The Solution
Our redesign for Skills Certified focused on mobile optimization while preserving the brand's design integrity. We seamlessly blended familiarity with refreshed styling, creating user-friendly designs aligned with the brand's commitment to split-testing insights. This approach positions Skills Certified as a trusted industry leader, effectively communicating their mission and facilitating recognition of prior learning experiences.
Review and Compare
- Examine the live site and focusing on mobile differences.
- Ensure fidelity to the designs.
Maintain Consistency
- Align with the previous site's layout and design.
- Incorporating new style elements for a fresh look.
Reuse Templates
- Utilize existing templates to keep the user experience familiar and seamless.
Understand Documentation
- Study the WordPress template documentation thoroughly to leverage its full potential efficiently.
Design Handoff to Developers
- Facilitate a smooth transition by providing developers with comprehensive design files and specifications.
- Ensure clarity and ease of implementation.
Wireframe Designs
Wireframes became crucial to maintain the layout continuity between the old and new website designs.
Furthermore, since the mobile UI wasn't a deliverable, mobile wireframes served as essential guides for the client and their developers to craft responsive designs.
UI Designs
Ensure the proposed design maintains the current layout and design integrity, safeguarding insights from years of split-testing. Seamlessly integrate the familiar call-to-action layout with contemporary aesthetics, adapting the WordPress theme for consistency while adding fresh style elements. Maximize efficiency by reusing templates to preserve a uniform user experience. Prioritize a thorough review of WordPress template documentation for successful implementation of the redesigned platform.
Before vs After
The redesign enhances the website's aesthetics and functionality, preserving the brand's identity. The updated design seamlessly combines modern elements with familiarity, providing improved visual appeal and navigation for a more intuitive user experience.
