Guiding teams to redesign the website and successfully improve user experience, content, and brand elevation.
Challenge
Redesign the website for responsive consumption, showcasing the new brand, improving user experience, driving lead generation, and enhancing brand equity and thought leadership.
Role
Creative Director
Action
- Audit of website content types, elements, and usage patterns
- Competitor analysis identifying areas for strategic improvement
- Content and site map creation
- IA and navigation testing
- Developed wireframes and high-fidelity mockups
- Facilitated user testing
- Created customizable components
- Prioritized digital accessibility
- Produced detailed design system documentation
- Addition of user-centric functionality
- Monitor and iteration via user-testing
Results
Increased engagement and retention by 68% in site visit duration, sessions, and unique page views.
Generated 80% more new users, expanding our reach and lead generation.
Enhanced overall user experience and strengthened brand equity with improved information architecture, visual design, and voice alignment.
Demonstrated expertise in the industry with thought leadership content, increasing leads and engagement, contributing to overall growth and success.
Deliverables
- Redesigned website
- Migration to new hosting platform
- Credit card functionality
- Integration to customer profile and product software
- UI guidelines
- Component library
- Translation into 8 languages
- Resource Center
- CMS content asset management
Credits: Altia Marketing and Communications, Product Engineering, Neon Pig Creative
Audit
Conducted a comprehensive audit of all content types, including visual elements and usage patterns.
Executed competitor analysis to gain valuable insights, identify areas for strategic improvements, and gain a competitive edge in the market.
Snapshot of the Website Audit
Site Map & Testing
Creation of content and site map visualizing the user journey.
- Conducted IA and navigation tree tests to inform, iterate, and improve navigation and nomenclature.
Wireframes and High Fidelity
- Wireframes were created establishing the foundations for the design system, including interactions, content types, iterative design, and approval processes for layouts and components.
- High-fidelity mockups were created showcasing the branding elements, typography and color schemes, ensuring the design systems are optimized for development.
- Component library was designed and implemented into WordPress ensuring a cohesive and user-friendly experience across pages and sections of the website.
Wireframes
High Fidelity Mock-up
Component Library
Improved User-Centric Functionality
- Credit card payment functionality for software bundle offer reducing sales friction and increasing point of sale.
- Schedule a meeting capability with Calendly integration.
- Account and product access from the main navigation.
- Website translation into eight languages, following full integration of Google Translation.
- Comprehensive, searchable repository of resource materials across resource type, product, and industry. Included establishing taxonomy and classification system, assigning categories and metadata management in the CMS.
Access to Altia Cloud via main navigation allowing users instant access to profiles, products and support for a seamless experience.
Website translation into eight languages, following full integration of Google Translation for improved efficiency and broader language support.
A comprehensive, searchable repository of resource materials across resource types, products, and industries was designed. Enhancing user experience and content discoverability while increasing lead generation, demonstrating expertise, thought leadership, and innovation in the embedded software industry.