Website & Web Portal Design & Development

technologies and tools used in the project

Invision icon

Project Overview

The SARScore project involved designing a new website and administrative web portal to enhance the platform’s digital presence.

Focusing on a modernised brand image and a seamless user experience


Research and UX Design for SARScore's Web Portal:

The design of SARScore’s web portal involved extensive research to ensure an optimal user experience (UX), particularly considering the usability for every day users. My approach was grounded in simplifying the user flow which required careful planning and execution.

Initial Research and User Analysis:


  • I began with in-depth market research and user analysis to understand the specific needs and challenges faced by SARScore’s target audience.

  • I conducted interviews and surveys with potential users, including professionals who would benefit from SARScore’s services. This helped me gather valuable insights into their daily challenges and expectations from such a platform

Translating Complexity into Simplicity:


  • Given the complex nature of SARScore’s offerings, a key goal was to translate this complexity into a user-friendly interface. I focused on creating a clean, intuitive layout that would not overwhelm users.

  • I worked on streamlining the information architecture, ensuring that users could navigate the portal effortlessly and access the necessary features without confusion.

Developing a User-Centric Design:


  • Every aspect of the web portal’s design was approached with the user in mind. I employed minimalist design principles to keep the interface clean and free of unnecessary elements that could distract or confuse users.

  • The use of clear, concise language and visual cues helped guide users through the portal, making the process of accessing and interpreting complex data as straightforward as possible.

Iterative Testing and Refinement:


  • The UX design process was iterative, involving multiple rounds of testing and feedback. I utilised both usability testing and A/B testing to refine the interface, layout, and navigation.

  • This iterative approach was crucial in ensuring that the final design was not only aesthetically pleasing but also highly functional and user-friendly.

User Experience (UX) Research

  • User Surveys/Interviews:

    Engaged with a diverse group of existing students and faculty through online surveys and interviews. These surveys were designed to understand the users’ experience with the old website and gather insights on what features they felt were missing or needed improvement.

  • User Personas: Developed several user personas to represent the primary users of the website. This included personas like ‘New Student’, who is unfamiliar with the platform and looking for course information; ‘Returning Student’, who needs to access course materials and manage their enrolment; and ‘Faculty Member’, who interacts with students. These personas helped in understanding the different needs and behaviours of each user type.

  • User Journey Maps: Created detailed user journey maps for each persona. These maps traced the steps taken by users from the point of first visiting the website to browsing courses, enrolling, and completing a course. This exercise helped in identifying key touchpoints where the user’s experience could be enhanced and the process streamlined.


  • Sketches: Started the design process with rough sketches. These initial sketches focused on the overall layout, navigation structure, and the placement of key elements like the course catalogue, student portal, and contact information.

  • Low-Fidelity Prototypes: Translated the sketches into digital wireframes, providing a clearer visual representation of the website structure. These wireframes included key pages such as the homepage, course catalogue, and the layout of the student portal.


  • High-Fidelity Prototypes: Developed prototypes in Adobe XD. These prototypes were crucial in simulating the actual user experience. They included interactive elements such as clickable menus, course enrolment processes, and access to online course materials within the student portal. 

Specialising in

UI / UX Design for websites, portals & apps

Once you have filled out this questionnaire, we will review your responses and get back to you with an accurate and realistic quote.

Additionally, we offer a free consultation to discuss your project in more detail and explore how Presto Fox can best meet your website design needs.

Thank you for choosing Presto Fox, and we look forward to collaborating with you on your digital journey!