Principal design

As the principal UX/UI designer for Scale Up Stream, I'm privileged to have crafted a user interface that harmoniously marries engaging aesthetics with intuitive functionality. I leveraged Figma to breathe life into my design concepts, assuring a visually pleasing and smoothly operational website. My role, from the wireframing phase to execution, enabled the creation of a website that satisfactorily fulfills the demands of both the business and the end users.

My approach integrated user research, data analytics, and iterative design, which allowed me to design a website that's not only visually striking but also exceptionally performant. Whether it pertained to enhancing website navigation, refining the user journey, or bolstering visual charm, I remained committed to delivering superior outcomes.

The Big Idea

The Scale Up Stream website is a comprehensive platform that enables easy and efficient collaboration among subject matter experts, investors, and startups. By providing a range of tools and features, the website creates an ideal environment for syncing efforts, sharing resources, and driving growth for all parties involved.

With its intuitive and user-friendly interface, the Scale Up Stream website streamlines the collaboration process, making it easy for experts to share their insights, investors to find potential opportunities, and startups to access valuable resources. By fostering a sense of community and facilitating open communication, the Scale Up Stream website creates a dynamic and thriving ecosystem that benefits everyone involved. Whether you're looking to raise capital, find strategic partners, or tap into the latest industry trends and insights, the website has everything you need to take your business to the next level.

During the development of the Scale Up Stream website, my team and I placed a strong emphasis on features synthesis and hypotheses to determine which features would generate the most user engagement. To accomplish this, we utilized Figjam to create detailed whiteboards of our expectations for the Scale Up Stream web experience. This approach allowed us to identify potential issues and brainstorm solutions before diving into the development process. By using Figjam to collaborate and iterate on our design ideas, we were able to create a streamlined and user-friendly website that met the needs of subject matter experts, investors, and startups alike.

When working on the development of the Scale Up Stream website, I utilized the Figjam desktop application to help create a collaborative space for the team. In order to gain a better understanding of each team member's ideas and visions, I conducted individual interviews to interpret their "sticky notes" and direction they had imagined. This allowed me to better understand their perspectives and insights, and use this information to shape the direction of the project.

I was able to utilizing Figjam to get my team focused on solutions. High engagement features play a crucial role in the success of any digital product, especially a website. When designing the Scale up Stream website, it was important to determine which features would be most engaging for the target audience and to prioritize them accordingly. This is where digital whiteboards come into play.

Simple Wireframes

Creating simple wireframes in Figma is an essential step in the design process for any website, including Scale up Stream. These wireframes serve as a visual representation of the website's layout and functionality, allowing me to discuss and refine the user experience (UX) flow. By using Figma, I can can quickly create and iterate wireframes without investing too much time or resources.

Detailed Wireframes - Scale Up Stream 2.0

Following the foundational stage of crafting simple wireframes, the next step involves a more intricate examination of the user interface elements. This is where Balsamiq becomes an invaluable tool, allowing for a detailed wire-framing process that delves deeper into the user interactions and layout intricacies. In this phase, every clickable button, text field, and navigational element is scrutinized to ensure they align with the user's journey through the Scale Up Stream platform. The focus is not only on aesthetic alignment with the existing brand palette but also on the functionality and usability of each component. These detailed wireframes serve as a blueprint for the subsequent design phase, bridging the gap between high-level concepts and the tangible components that users will interact with on the website

Page Components

When tasked with designing page components for the Scale Up Stream website, I took inspiration from the colors and layouts already present on the original homepage. By using a consistent color scheme and layout, we were able to maintain brand consistency and ensure that the website had a cohesive look and feel.

The Public Pages

Figma is a powerful design tool that has enabled me with website designs to create and iterate on their website's public pages. With Figma, I can easily collaborate and share the designs, making it easier to receive feedback and make necessary changes. Using Figma, I can create wireframes and mockups of the public pages, allowing them to experiment with different layouts and user interfaces. This helps to ensure that the pages are designed with the user in mind, making it easy for them to navigate and find the information they need.

Figma's prototyping capabilities have also proven useful in creating interactive prototypes of the public pages. This allows the team to test the functionality of the pages and make any necessary adjustments before they are deployed to the public.

The Logged In pages

As the UX/UI designer for Scale Up Stream, I utilized Figma to design the website's logged-in pages. Using this powerful design tool allowed me to quickly iterate on various features and designs, advancing through them more rapidly than would have been possible with traditional design methods. With Figma, I was able to easily create wireframes, prototypes, and high-fidelity mockups that accurately depicted the various features of the website. By designing these pages in Figma, I was able to fine-tune the user experience and interface to create a seamless and intuitive experience for users of the Scale Up Stream platform.

In Summary

As the designer for the Scale Up Stream website, I utilized Figjam to create detailed whiteboards that captured our team's expectations for the user experience. I conducted interviews with each team member individually to interpret their "sticky notes" and direction for the website. Simple wire frames were then created in Figma to discuss and iterate on the user flow. This gave a block out for the detailed wireframes I created in Balsamiq. Using the colors and layouts from the original homepage, I designed page components to create a cohesive look and feel for the website. Once the wireframes and page components were finalized, I moved onto creating the public and logged-in pages through Figma to quickly advance through the website features.

And the coolest part is embedding the live design pages here, on this page. Visit Scale Up Stream.