Cora Blog Redesign
Client: Cora
Date: May 2022
Medium: UI/UX Design
SUMMARY
Comapny description: Cora is a B2C company that sells feminine supply products and shares online educational health and life content. Their blog site, Blood & Milk, needed to be transferred and integrated into their main Cora.life site. Along with content migration, Cora wanted a new look and feel for their blog while maintaining the essence of the Cora brand guidelines.
My role: As design lead, I worked with Cora’s brand team to establish project expectations—one of which being a mobile-first design method. User experience research revealed the majority of Cora’s traffic came from mobile users, so it was essential to design and approve for mobile first.
Prioritizing smaller screens and touch interactions, I created wireframes, mockups, and animated prototypes specifically tailored to mobile devices, ensuring a responsive design that adapted across various screen sizes.
Project brief
SPECS
Software used: Figma
Skills: User interface design, user experience research, prototyping, image resourcing, client presentations
The process
PROBLEM SOLVING
One of the main challenges of this project was shifting my design process from desktop-first user interface thinking to mobile-first. Most of the product design projects I had completed prior to Cora involved designing for desktop sizes and obtaining stakeholder approvals prior to starting mobile designs. Mobile-first design requires a different mental analysis of the problems being solved and a shift in creative processes from research stages to final prototype development.
SOLUTIONING
To better prepare for mobile-first design, I worked directly with the lead user experience researcher to determine how to transfer Cora’s blog information hierarchy to a more user-friendly journey on mobile devices. I adjusted navigation menus, filters, content placement, and visual hierarchy to ensure that the most critical information was readily accessible and intuitive to find, better aligning with user expectations and goals
I then developed high functioning prototypes to properly present interactive details, also ensuring that the mobile-sized user interface was responsive for larger screen sizes.
PROJECT REFLECTION
Expanding my creative process by focusing on mobile-first design was very influential, allowing me to use this methodology for future mobile product design projects. Being able to focus on Cora’s main user audience of mobile users also opened the design process up to exploring accessibility, future-proofing designs, and prioritizing content and features—resulting in a cleaner, more streamlined user interface.
