Case Study | Oracle

Microsite Design for Oracle Cloud

Oracle is a tech company that sells software for managing databases, cloud-based systems, and enterprise software. They have products for different industries like automotive and communications, and each industry's webpage is made with specific parts to show the right information to users and visitors.


Defining the problem

Simplify using fewer words but more understandable and common words.
The Higher Education industry page should look different. Update the product, content, and images to match Oracle's design. Make the information more organized. The new design should work well on different devices. Use images to tell stories. Follow Oracle's updated branding instructions to make the brand more recognizable. Improve user experience with updated design elements and content. Focus on digital design that works on mobile, tablet, and desktop devices. I worked with a team of writers and designers to create the story for Higher Education. We carefully planned each page, deciding which design elements worked well with the content.

wireframes.jpg
 

Ideating

Enhanced Narratives:
Enhancing design experience involves using icons to tell stories instead of relying on stock photos. Oracle Cloud platform enriches learning and boosts student achievements.

hero-epn-v1.jpg

The icon system here tried to represent Oracle Student Cloud, but it didn't show student achievements or how the institution can sustain itself.

hero-epn-v2.jpg

The icon system implies student success, while the cloud platform must demonstrate additional solutions.

The final design shows a system of icons that are weaved together to show how each product and solution are interconnected for Oracle’s Student Cloud.

Component Design
When designing a component that showcases Oracle’s different products, some of the key items to highlight were the product screens itself and the number of anchor links within each body. I explored variations on how we could better present this –

wire1.jpg

The option didn't work due to insufficient content blocks for displaying 5 products. The webpage height would have varied as each product has a different number of anchor links. This could have been resolved with CSS.

 
wire2.jpg

Only 4 blocks, design doesn't accommodate 5 products. Solution: Label tags for each product, use image space for screens, and body for anchor links.


Content Design

When considering the overall business objective, it is crucial to clarify whether the goal is centered around product promotion or if the intention is to provide informative content for enhanced understanding. Gaining a comprehensive understanding of this objective allows for the creation of effective design strategies that will yield optimal results. By aligning the design choices with the intended purpose, the likelihood of achieving desired outcomes and driving better engagement significantly increases.

products-1.jpg

One option is to create an interactive feature that connects all the content. To do this, I used icons to visually support each product. This helps tell the story more effectively. When users click on each panel, a special screen for that product appears, making the website more interesting for visitors.

Bringing it together

While certain design elements need more focus, the main aim is to enhance user experience and make it easy for visitors to find what they want. The other elements should be seen as breaks between important sections, rather than ignored.

breather1.jpg
breather2.jpg

When all the finished designs are ready, I have a crucial role in checking them to make sure everything is correct. This involves looking out for mistakes like spelling errors, misaligned pixels, and more. Once everything is approved, the team reviews it one last time before it is launched.

responsive1.jpg