Project Overview —
Source Media Web Design
Goal: Design a modern, user-friendly website for Astra Cells, a company focused on pioneering battery cell technology, targeting both technical and business audiences.
Design Goals
- Present AstraCells as a reliable and efficient solution for integrating battery technology.
- Simplify complex processes, making it easier for users to navigate through the decision-making and validation phases.
- Showcase the technical advantages of AstraCells’ battery technology in a data-driven, easy-to-digest format.
- Facilitate requests for product samples with clear, user-friendly CTAs, and guide users through the purchasing process.
- Create a consistent, professional interface that reflects AstraCells’ innovative approach to the industry.
➫
Solution
- Use a “Show, don’t tell” approach by integrating interactive features that demonstrate the battery tech in action, including animations and visual demonstrations of performance metrics.
- Heavily technical, data-rich content: Provide detailed specifications, reliability data, and case studies that are backed by metrics (e.g., energy efficiency, lifecycle performance).
- Implement a clean, minimalist design with a focus on usability, featuring a well-organized information architecture that ensures technical details and products are easy to find.
- Feature contrast-rich colors for a modern, professional look while maintaining clear, readable typography (inspired by technical industries, such as aerospace).
- Showcase real-world case studies and testimonials that highlight the cost-saving potential, reliability, and efficiency of AstraCells’ products.
- Call-to-action elements should encourage users to easily request samples or get in touch for a consultation, driving conversion.
User’s Frustrations
- Complex and time-consuming integration of new battery technologies, involving multiple stages of validation, supplier negotiations, and technical approval processes.
- High costs associated with finding reliable battery technology suppliers and ensuring product quality.
➫
User’s Motivations
- Seeking reliable and high-quality battery technology solutions to streamline their operations.
- Looking for time-saving tools that simplify the technical validation and procurement process.
- Hoping to avoid wasting resources on unreliable suppliers or lengthy trial periods for new technologies.
UX/UI Process
①
User Research & Persona Creation:
- Target Audience: Engineers, CTOs, and business investors in the energy sector.
- User Pain Points: Complex technical information and unclear benefits of battery technology.
- Motivations: Easy access to product specs and R&D updates, with clear demonstrations of competitive advantages.
②
User Research & Persona Creation:
- Wireframes & Prototyping: Created high-fidelity wireframes with a clear, scannable layout, prioritizing technical product details and research advancements.
- Color & Typography: Used a professional and modern color palette with clean typography, designed to enhance clarity and trust.
- Visual Elements: Integrated interactive product diagrams and data visualizations to make complex technical details accessible and engaging.
③
Information Architecture:
- Content Organization: Structured the website to highlight key sections: battery products, research, and applications. Clear and intuitive navigation enhances the user journey, allowing easy exploration of detailed product specs and industry insights.
- Simplified Navigation: Focused on reducing cognitive load by organizing content into easy-to-follow categories for both technical and non-technical users.
④
Development:
- Platform: Built on WordPress, integrating custom coding for performance optimization, fast loading times, and seamless interaction with visual elements.
- CMS Integration: Developed a scalable CMS for Astra Cells, enabling them to easily update product information, research advancements, and news without the need for technical expertise.