Berkeley Research Group

Graphic Design
UX/UI Design
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
My experience at BRG was pivotal for my UX/UI career. It was the first internship in which I was tasked to create design frames for a major enterprise company. During my time at BRG, I was tasked with creating comprehensive and aesthetically pleasing high fidelity layouts for an intranet performance management application.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

OLD

NEW

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
‍
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
‍
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
I didn't merely focus on aesthetic design - I used my knowledge of UI elements to reorganize some of the existing concepts for optimal usability. For example, in my redesign above, I used sequence maps to indicate step-by-step processes (my manager was especially fond of the parallelogram layout), and I used accordion menus to expand and collapse some of these sections, so the user wouldn't get lost in an infinite scroll of input fields. I designed every element, from icons to headers.

It was a large project, but I was enthusiastic, and ready for the task - in other words, I knew that this was the right time to put my knowledge of UX to work.
My task was to design a series of screens for the BRG performance management application. Before I even opened Figma, my manager provided me with an image of the system that was currently in use. It was very bare-bones, essentially nothing more than a series of basic HTML input fields, with labels in plain font. Yep, it was that basic.

My experiences before this were limited mostly to internships at small companies, and freelance projects. This was my first time working for a major enterprise company - I was very aware of my responsibility, and I wanted my work to be worthy of implementation.
Dictator

FORS Application

One of my first design tasks was on the Financial & Operational Reporting System, or FORS, application. I was primarily focused on the design of the sidebar menu. After analyzing BRG's color scheme, I delivered a number of iterations for the sidebar. The video above represents an evolution of this menu.
Alternatively, click here to see the full design file.
Initially, I wanted to be creative with the submenu organization, indicating sub-items with a notch on the top, like a page corner. I also made parent items a darker blue than child items, with selections in orange. After a meeting with my managers, however, I switched the colors and indicated hierarchy with a white line on the left. Ultimately, it would be easier for the developers to use this format. Needless to say, every design & prototype must go through a series of review sessions, with constructive feedback - I quickly learned that's the only way to achieve satisfaction on both ends.

Performance Management Application

The Performance Management Application was one of the largest projects I've worked on, even up to date. I designed a total of 26 screens, which I then sent to the developer team through Zeplin. I placed so many side-to-side frames in Figma, I can't view them all at once, even if I zoom all the way out. That was certainly a first for me.
Click here to view the full design file
As I mentioned previously, the amount of work on this file is quite large. Think of it as a prototyping playground. Zoom in and out freely, focus in on every detail you see. The sheer size and compartmentalization makes for an interesting exploratory experience.
GO BACK HOME
Powered by Webflow
LINKEDINEMAIL ME