Jul 1, 2024

Shopify Redesign for LIT3D

Shopify Page Redesign

Overview

As part of a team tasked with rebuilding LIT3D's Shopify site, I was in charge of the redesign of their 3D Previewer page. This involved transforming the outdated page into a more accessible, user-friendly, and visually appealing version, while ensuring responsiveness across all devices. The goal was to improve both functionality and aesthetic quality, aligning with the brand’s vision and enhancing the user experience. Despite challenges with poorly documented code and file structures from the previous development team, I successfully delivered a modernized and efficient design that met the client's expectations.

Objectives

Improve User Experience

Redesign the 3D Previewer page to make it intuitive, accessible, and engaging for users.

Enhance Visual Appeal

Implement a modern design that aligns with LIT3D’s branding.

Ensure Responsiveness

Optimize the page for seamless functionality on all devices, from desktops to mobile phones.

Challenges & Solutions

Challenges

  • The previous development team had not documented their process, making it difficult to locate the exact files and code for redesign.

  • Ensuring compatibility with Shopify’s platform while implementing advanced customization.

  • Balancing aesthetic improvements with functional accessibility requirements.

Solutions

  • Conducted thorough codebase analysis to identify and isolate the relevant files for the 3D Previewer.

  • Collaborated with team members to develop a design strategy that addressed both usability and visual goals.

  • Redesigned the page using HTML5 and CSS3, ensuring responsive design principles were adhered to and testing rigorously across devices.

Portfolio

Explore More

View All

Let's work together.

Get in touch.