MyHumber | Artem Sergeev - Portfolio Website

About Project

The MyHumber website, although the most important platform for Humber Polytechnic students, still violated key usability heuristics and visual design principles. Therefore, our team embarked on its redesign. On this page, students find out their schedule, upload personal documents, make academic payments, apply for scholarships and much more, so this platform is the first-wall value of the polytechnic.

Defining & Ideation

The image of white board with some stickies demonstrating the process of defining and ideation — Whiteboard image with ideation and project goal definition by Artem Sergeyev and his project team (Ashdeep Kaur Sehmbi and Preet Minhas) for the MyHumber platform development project.

The process began with defining and ideating to build an understanding of who, why and why they use the platform. In this project, because of the tight deadline, we did not create a team brief, but presented all the information to the client in a condensed form.

Sketches

A white board sketch of Personal Information page created by Artem Sergev and his project team for My Humber website — Image of sketches on the whiteboard of the MyHumber platform redesign by Artem Sergeev and his project team (Ashdeep Kaur Sehmbi and Preet Minhas) for the MyHumber platform development project. The sketches depict Personal information page, Payment Page and Student's Dashboard.

A white board sketch of Payment page created by Artem Sergev and his project team for My Humber website — Image of sketches on the whiteboard of the MyHumber platform redesign by Artem Sergeev and his project team (Ashdeep Kaur Sehmbi and Preet Minhas) for the MyHumber platform development project. The sketches depict Personal information page, Payment Page and Student's Dashboard.

The next phase was sketching, we designed 4 basic screens for the MyHumber platform. The main style of our design is block elements. We developed a new navigation system, added some new sections and blocks that we thought were important and useful for the target audience after their research. We stopped at 4 screens to make the process iterative and the customer could choose whether to keep the design or not. Since the MyHumber platform is huge and contains a large number of pages.

Mockups

A creative layout of My Humber Dashboard designed by Artem Sergeev — Image of two mockups created by Artem Sergeyev, based on team decisions, for the redesign of MyHumber platform. Student's Dashboard and Payment Page are shown.

A creative layout of Student Account Page designed by Artem Sergeev — Image of two mockups created by Artem Sergeyev, based on team decisions, for the redesign of MyHumber platform. Student's Dashboard and Payment Page are shown.

We chose a block design using Humber's signature colors: yellow and blue. Each team member provided their mockups/wireframes to the client. Our design is striking, eye-catching and memorable as we utilized UX and visual design best practices.