Julianna Baker is a Product Designer concentrated on making designs that are accessible, creative, and aesthetic.

Hover over me Tooltip text

Mobile App Development / Product Design


News Application

As a developer for a Cyber Security Bootcamp, I headed the development of a mobile application to display news articles. I first used Figma to create high fidelity mockups then developed the application using React Native.

News App Screen of different articles to choose from
News App Screen of an article in full view
News App Screen of the end of the article

After analyzing the results of user surveys, I identified a problem that students were not reading the content we were giving them. I took initiative to create simple and clean mockups for an application to replace the current delivery method. I used this and an MVP I coded in React Native to pitch the idea to the program directors. The project was green lit.

News App Prototype

Web Development / Product Design


Pixo Multisites

Our client needed a new multisite where they can update content dynamically, have a site that is accessible, and stay on brand and aesthetic. I helped work on this project’s deliverables, creating a modern wordpress multisite. To achieve these deliverables we have a design system that specifies unique font and color values as well as component layouts that can be applied to many sites and customized with css variables. This gives each site a unique feel while being a part of the same design family. I helped develop pages within this multisite using accessible content types and components that help make creating content easy for content authors.

Multisite buttons

To streamline our development we use a starter kit created by Pixo’s engineering team. I helped contribute to this starter kit by developing components that can be used across multiple websites and be easily reused and styled.

Multisite components

Android App Development / Product Design


Ready for launch

It is very difficult to see when rocket launches will happen. Growing up my Dad always tracked rocket launches. He would wake me up on a school night at 3am, drive to the nearest wide open field, and look into the sky to see the launch. I asked him how he finds out about these launches and realized how challenging it can be. I knew creating an app that had all the resources in one place would help my Dad. This would possibly help other people interested in SpaceX/NASA rocket launches as well.

Ready for launch home screen
Ready for launch past launches screen

I decided to make a few mockups in Figma to get a sense of how it would look, and I began coding. I chose Kotlin to learn more about the language and how to develop for android phones. I also chose this language since my Dad only uses android phones and he was my target audience. I also used a SpaceX API to display upcoming rocket launches and to give the user the link to the broadcast when it goes live.

Ready for launch app screens

UX Design / UX Research


Interpreter Request Application

I designed a complete high fidelity prototype that was implemented through multiple usability tests and user surveys to reach a user friendly design. This design is ready to be further developed after finding that there is a large audience that would use this application from multiple user surveys.

App screen landing page with title Be My Voice and buttons Sign Up or Login
App screen sign up form with text fields for name, email, and password. Back button is shown next to continue button.
App screen home page for be my voice is shown welcoming the user and asking for what service they would like to use, message interpreter, meet-up with interpreter, or video call interpreter buttons. Navigation bar shows user icon, home icon, and help icon.

After speaking with multiple people from the deaf/hard-of-hearing community and many interpreters around the Rochester Institute of Technology campus there was a need for a service that would link students with interpreters.

Be My Voice Prototype

UX Design / UX Research


ISM Website Redesign

I worked for ISM to redesign a website that is user-focused and user-friendly. I conducted personas, heuristic evaluations, competitive analysis, created an information architecture diagram, and designed the webpage based on my research and understanding of the client.

ISM Membership Landing Screen listing Silver, Gold, and platinum memberships

In the span of a week I needed to do research and come up with a new design for ISM’s membership webpage. I decided to create style guides in a Figma Design File and I started to ideate and design my mockups and prototype the mockups to present my hi-fidelity working prototype to ISM’s developers and design team.

ISM Membership features compared across membership types
ISM Membership end of page with quote from a school and an email us button
Sticky notes and Information Architecture of the page during my design process

Throughout this project I used a design process shown in my presentation (Click “Learn More” to find these slides). After product research, user research, understanding the problem, and competitive analysis I came to my ideation phase of the design process where I used a sticky note method to organize ideas and I also used an information architecture diagram I quickly drew up so that I was able to figure out a better order of information. After I was able to understand who the target user was and figure out a heuristic evaluation of the current website I was able to change the order of information to better suit the user.

You've made it this far, I think we should be in touch.