High Fidelity
Here is my high-fidelity prototype. These screenshots showcase the wire-framing that I have done. Both the mobile and desktop prototype have the same functionality and features, acting as a conventional website which is beneficial for the users as familiarity is great for a design. Furthermore, the design is simple and requires little action therefore allowing it to be inclusive for those who struggle with fine motor skills. My website is focused mainly on being accessible for both the stakeholders and users. The call-to action buttons are clear and intuitive, allowing each user to know what to press and understand how to navigate instantly.
Figma link
High Fidelity Desktop and Mobile walkthrough
Here is the walkthrough of my mobile design. The call-to-action buttons are clear and understandable as well as the menu being placed in a conventional location, allowing the user to already know how to navigate. “This level of detail helps in gathering effective feedback for better design decisions before initiating the development phase” (figure 1). My detailed design helped me gain valuable feedback from my peers which in turn allowed me to moderate my design before it was ready. For example, I changed the story section to larger boxes in order to promote accessibility.
The main different between the mobile and desktop version is the scrolling carousel. I have included a scrolling carousel on the mobile version however, I decided not to reproduce it for the desktop version. This was done intentionally to promote accessibility as it is harder to scroll on desktop with a mouse therefore just displaying the images is more inclusive on desktop.
Both the mobile and desktop versions are almost identical. This responsive design is critical as the user experience must remain the same no matter the platform. I focused on having the same design and colour palette in order to reinforce this.
REFERENCES
Figure 1 – Carpio (2024) The Role and Importance of High-Fidelity Prototypes in Modern Design: A Figma-Centric Approach The Role and Importance of High-Fidelity Prototypes in Modern Design: A Figma-Centric Approach | by Althea Carpio | Medium (Accessed 1st January 2026)