Interactive Design / Project 1

24/4/2023 - 8/5/2023 (Week 4 - Week 6)
Sheryl Pang Pui San / 0349746
Interactive Design / Bachelor of Design (HONS) in Creative Media
Project 1 / Landing Page Design Prototype

---

Lectures

https://sheryldesignblog.blogspot.com/2023/04/interactive-design.html

---

Information

Figure 1.0 Module Information

For Project 1, We are required to choose one bad designed website based on our understanding and redesign the landing page prototype in Figma or Adobe XD. Following the common 1366px. 

---

Project 1 / Landing Page Design Prototype

Website Analysis
-

I choose to design the landing page of the James Bond 007 Museum website

http://www.007museum.com/

The function of the website is to provide info about the James Bond 007 Museum in Sweden, including the museum location and opening hours, collection and news about James Bond. 

The website have a chaotic and unorganised theme. Low usability. No info hierarchy. 

Never ending scrolling. Large font and image size. No obvious C.T.A. button.

Wireframe
-

Figure 2.1 Wireframe done in Miro

Figma Prototype
-

Figure 2.2 Designing the prototype in Figma

image credits:

https://www.007.com/bond-in-motion-opens-in-saratoga/

https://www.insella.it/news/la-triumph-scrambler-1200-xe-di-james-bond-va-allasta-166304

logo: https://www.figma.com/file/XAFHI8obkx8bE7f1oYgMhs/James-Bond-Posters-(Community)?type=design&node-id=3-60&t=W7p0yzaYGNzCjmuV-0

Submission 

Figure 2.4 Final Submission in Figma

---

Feedback 

Follow margin guides and change the image to similar image instead of from the original website, change the buttons to outline, ensure consistent spacing within space, the font is ok.