MANMEET SAGRI

Week 1

We began by hand-sketching our individual wireframes to quickly explore different layout possibilities. Each team member then translated their sketches into low-fidelity wireframes using Figma. This allowed us to experiment with navigation structures, labeling choices, and layout ideas in both physical and digital formats.

After completing our drafts, we met as a group to share and compare our wireframes. Through discussion, we identified the strongest elements from each person’s design. Hind led the task of synthesizing these ideas into a single unified wireframe that reflected the best aspects of our collective thinking. This collaborative process gave us a strong foundation before moving into higher-fidelity prototyping in later weeks.

Week 2

We moved from wireframes into coding, starting with individual HTML and CSS practice. HTML was used to structure the content while CSS handled the styling and layouts. Our professor encouraged us to work independently at first to test our skills before merging efforts.

When we began building the final version, we ran into challenges with the scrolling effect, but Yilin figured out the solution and helped the team implement it successfully.

Week 3 & 4

I refined the wireframes into a polished prototype, applying Embark’s official color palette, logos, and design assets. This ensured our redesign matched their branding standards. Using this prototype as a guide, I focused on the CSS styling for the final website, while Hind handled the HTML structure and layout fixes. Together, we aligned the design with both usability goals and the client’s visual identity.