Introduction
The redesign of the Cellairis website marked a pivotal transformation from an outdated platform to a modern, user-centric digital experience. While working as part of the AdCentral product team, my contributions focused on designing user-friendly and visually appealing interfaces that aligned with Cellairis’ branding and enhanced overall user experience. By focusing on intuitive navigation and seamless functionality, the redesigned website aimed to better serve users seeking device repairs, accessories, store locations, and more.
Vision and Innovation
The primary vision for this redesign was to modernize the user interface (UI) and user experience (UX) while maintaining the brand’s identity and ensuring accessibility. Drawing on contemporary design principles and leveraging cutting-edge tools like Figma, the redesign was conceptualized to:
Provide a cohesive and aesthetically pleasing interface.
Ensure mobile responsiveness for a growing base of on-the-go users.
Offer a user-friendly navigation system to reduce friction in accessing key services and information.
Include microsites for registered Cellairis stores, personalizing the experience for individual locations.
Key Contributions
Screen Design: Designed the core web pages, including Device Repairs, Device Accessories, Store Locator, About Us, and Contact Us sections. Each page was tailored to highlight relevant services and ensure ease of use for visitors.
Microsites Development: Created design concepts for microsites dedicated to each registered Cellairis store, enabling localized branding and information for individual locations. These designs were tailored to meet the unique needs of various markets while ensuring brand consistency.
Figma Prototyping and Animations: Developed interactive Figma prototypes and prototype animations to facilitate page development. These prototypes provided stakeholders and developers with a clear, actionable vision of the final product, enhancing communication and reducing ambiguity.
UI Components and Guidelines: Created a comprehensive set of UI components, including buttons and graphic elements, ensuring a standardized design language across the site. Additionally, developed a button and graphic guideline paired with color libraries to maintain consistency and streamline future updates.
UX/UI Enhancements: Focused on improving the overall user journey with clean layouts, optimized calls to action, and an intuitive design that encourages engagement.
Modern Aesthetic: Played a significant role in transitioning the website from the old design to a sleek, modernized version that aligns with current digital trends and user expectations.
Challenges and Solutions
Challenge: The original website lacked visual appeal and intuitive navigation, leading to user confusion and a high bounce rate.
Solution: Conducted a thorough audit of the old site to identify pain points and created wireframes and prototypes that addressed these issues. Through iterative feedback sessions, ensured alignment with client goals and user needs.Challenge: Incorporating microsites for numerous registered stores while maintaining a cohesive brand identity.
Solution: Developed a standardized design system and templates for store microsites, ensuring consistency in design while allowing for localized customization.
Collaboration and Workflow
The project’s success was achieved through close collaboration with cross-functional teams at AdCentral. Regular meetings with stakeholders ensured that the redesign aligned with business goals, while ongoing communication with developers facilitated smooth handoffs and minimized revisions. Tools like Figma played a crucial role in maintaining design accuracy and efficiency.
Impact and Results
Enhanced User Engagement: Increased time-on-site and reduced bounce rates due to improved navigation and modernized aesthetics.
Improved Usability: Positive feedback from customers on the ease of finding information and accessing services.
Streamlined Store Representation: The microsites provided individual stores with a professional, customizable platform, boosting their visibility and alignment with the Cellairis brand.
