Pro-Folio: An Onboarding sequence
Profolio is an app for designers to showcase their creativity and connect with potential clients. Whether you’re seeking inspiration from peers or promoting your portfolio for freelancing opportunities, Profolio empowers you to share your best work and get hired, all in one easy-to-use app designed with designers in mind.
Overview
As a group, we were tasked with creating a high-fidelity user journey using a design system. We developed a comprehensive set of designs and styles to establish a fully realized design system. Once the design foundation was in place, we built a simple prototype that guides users through a streamlined 5-10 step process.
Brand Colours: Defining the Identity of Pro-Folio
We explored the core colours that define Pro-Folio's identity. These carefully selected shades enhance brand recognition, ensure visual consistency, and create a seamless user experience.
Brand Effects: Elevating UI with Depth & Dimension
We tested and discovered the signature drop shadows that bring depth and refinement to the app. Applied to buttons, cards, and text boxes, these subtle effects enhance usability, create visual hierarchy, and deliver a polished, modern aesthetic.
Typography, Buttons & Inputs: Crafting a Cohesive UI
We chose and created the typography, buttons, and input styles that shape Pro-Folio's user experience. From font choices that enhance readability to buttons and inputs designed for clarity and responsiveness, each element ensures a seamless and intuitive interaction.
Figma Prototype:
Bringing Pro-Folio to Life
This prototype showcases the app’s user flow, visual design, and core interactions, providing a realistic preview of the final product.
App Interface
