Dutch Design Awards

Microsite

ROLE

UX Design Intern

TEAM

1 Lead, 26 Designers, 15PMs

DURATION

Jan 25 — Sep 25

SKILLS

Figma, UXR & Testing, Product Thinking, Interaction design, Visual Design, Prototyping, Design Systems, Client Relations

ROLE

UX Design Intern

TEAM

1 Lead, 26 Designers, 15PMs

DURATION

Jan 25 — Sep 25

SKILLS

Figma, UXR & Testing, Product Thinking, Interaction design, Visual Design, Prototyping, Design Systems, Client Relations

Overview

I completed a 12-month internship which began in-office in January of 2023, and continued hybrid. I worked primarily as part of the Business and development team within the Aquanow Analytics Cloud organization.

My work encompasses an end-to-end design solutions for Aquanow dashboard editing including research, user-testing, interface design, prototyping, feature hand-off, and developing Aquanow's first functional design systems incorporating WCAG 2.0 accessibility guidelines for a more inclusive user experience.

I collaborated with product managers, engineers, and design leads during all stages of the product life-cycle from concept until beyond delivery.

Much of my work is under a NDA, but I would be happy to speak more about my time at Aquanow and the projects I worked on over a call or during an in-person interview.

ROLE

UX/UI Design Intern

TEAM

1 Lead, 2 Designers, 6 PMs

DURATION

Jan 23 — Jan 24

SKILLS

Figma, UXR & Testing, Product Thinking, Interaction design, Visual Design, Prototyping, Design Systems, Client Relations

'Explore' was one of the main features in this application, but it was also the feature that went under the most iteration and time. Initially, I designed the map in Two-Dimension where the user scroll downwards to search planets they would like to visit. During user testing and critiques, users found this interaction boring, and felt like a lot of illustrations and interactions were flat.

To solve this issue, I designed the map interactions less linear; to give users' more variety and fun when exploring the planets. Overall, this solution gave the interface a more interesting layout, making it more visually engaging. The user can scroll around the map, explore each planets, visit to learn and select questions to ask about local businesses. This interaction changes allowed our application to be more gamifying by showing the gray area - locked planets on the right.

To ensure all elements of the app and print media follow the same design language, I developed a branding guideline and illustrations by considering icons, shape design and colour palette. I have also redesigned non-gendered clothings to align with Bye-nary's goal in helping non-binary and trans people.

This project allowed me to gain more experience in prototyping, and help to bring interfaces to life with more complex motion. Being able to adapt quickly to interface changes allowed me to develop my thinking process and workflow for collaboration between UI and prototyping.

It has helped me professionally as well, as this was a large-scale project in a short time frame. It allowed me think more rapidly, and develop more clear design decisions.

Art Direction Process: How did we get here?

Distinct qualities and principles were taken from the poster to be transformed onto a digital platform with screen-based interactions. Shapes and lines are used to define the grid, closure is used on text to frame images, and tight kerning and leading are used to create tension within the clusters. We have used a monochromatic colour palette to keep visual consistency, and the application of a warm toned noise filter on images to contrast with the blue colours.

Landing page

Upon landing, visitors are able to view closeup videos of the designers working on their project.

As the visitor scrolls, a short explanation of the content strategy for our microsite appears leaving lists of the winner names and the title of their work.

For interaction design, when visitors hover over the winner name, they will be able to preview the process images of the winner.

Interview video of winner

Once visitors click one of the winners, the interview video will scale to full screen.

When the video is paused, timeline of the video appears.

Design approach

When we get to mission statement, user scrolls to reveal key words in their vision and images related to the words.

User continue to scroll to see a full bleed video of their process accompanied by quotes, images and text.

Gallery & Next project

The solution shares the same user flow for consistency from the approach section.

At the gallery section, users can view the gallery images through an automatic horizontal scroll and image pauses when mouse is hovered.

At the very bottom, user can click the image to view next project.