Shein

Process

Our workflow was highly collaborative and iterative. After digesting product requirement documents (PRDs) and participating in client meetings, I would dive into the design phase. To ensure smooth async communication, I recorded detailed handoff videos using Loom and Google Vids for the engineering team, allowing us to seamlessly cycle through feedback and new feature requests. I also leveraged AI tools like NotebookLM and Gemini to distill complex documents and proactively identify edge cases I might have otherwise missed.

‍

‍

PRD & Document Summarisation

I heavily utilized NotebookLM to generate edge cases, charts, visual models, and open questions that required further client clarification. This approach drastically streamlined our handling of complex documentation, ensuring no detail was overlooked. By using AI for summarization, we quickly extracted vital user flows and screen requirements from dense technical documents, which perfectly guided our initial wireframing efforts.

‍

‍

Reference Collection

Using target keywords and a list of competitors provided by the client, I researched and compiled visual benchmarks to determine the ideal aesthetic for the landing page. This reference collection was a vital first step, allowing us to align on the design direction before committing to structural layouts. It gave us the freedom to explore various visual styles while ensuring the final mood perfectly matched the client's vision and project goals.

‍

‍

Wireframing & Userflow

Establishing the information architecture, user flows, and wireframes was a critical phase, as these assets served as the foundation for project scoping, cost estimation, and timeline planning. This stage required significant time, iteration, and thoughtful deliberation before engineering could begin. Ultimately, this meticulous planning was essential to align completely with the client and proactively resolve any concerns regarding edge cases.

‍

Prototyping

For more complex interactions and userflows, I built interactive prototypes using Cursor and deployed them to Vercel, allowing stakeholders to experience the flows firsthand.

‍

‍

UI

Every screen outside of the initial landing and onboarding experience was crafted in strict adherence to Shein's established brand guidelines. This included meticulously designing all pop-ups, modals, error states, and first-time user experiences (FTUE).

‍