Star Container

Star Container is an web app which provides services
for the empty containers all over world. It allows Maersk
to book services that covers all aspects of containers.
DATE
ROLE
CLIENT
LOCATION
Aug 2023 - Present
UI/UX Design + UI Developer
A.P Moller Maersk
Bengaluru

Challenge

How do you provide container services to customers across globe with diverse geographical and linguistic constraints?

Solution

Star Container is a multilingual platform that allows users to book services of all kinds for their empty containers.

Design Process Overview

Research

We conducted field research, interviewed key stakeholders to gain understanding of Depots, how they function what are the services provided and the geo locations they operate.

"We have to call the depot every time we need services and wait for the open slot" - Adam smith

"Sometimes we miss on deadlines because we have gaps in current manually managed system. Language is a barrier" - Holly

From conclusions of the interviews of stakeholders, there is a requirement of a web application which allows users to book services, connect with depot and use the platform in different languages based on users choice. Which leads to the question...

How Might We...

Build a web application which will serve stakeholders and other end users to book services in the language they prefer?

Ideation Sketches

After establishing my task flow, I started sketching some ideation sketches of what the application could look like when translated digitally. I made multiple versions, shown below is the chosen sketch that I based my wireframes on.

Low Fidelity Wireframes

I then translated my chosen sketch into my first set of low fidelity digital wireframes and conducted my first round of usability testing to test the flow of the app and catch any issues early on.

Visual Identity

Onboarding Wireframes

Conclusions

I really enjoyed this project. I learned how crucial it is to go into the research phase with no biases and no solution in mind. The interviews and secondary research will likely provide insights that were not apparent before, and that is what the solution should be based on.
‍
I have also learned that it is critical to experiment early on, especially during the sketching process, because as you progress in the project, it becomes increasingly more difficult to make changes.

Final Product (Deployed)

Vortex style

BRAND STRATEGY / VISUAL DESIGN / UX

Shop customized sweatshirts
directly on Vortex style.

Vortex style is a vibrant and customer-centric online clothing store specialising in customised sweatshirts.That has emerged as a go-to destination for individuals seeking personalised and stylish sweatshirts.

DATE

June 2023 - July 2023
Role

UX Designer / Brand Strategist
CLIENT

Vortex Style (Passion Project)
LOCATION

Remote
{ THE CHALLENGE }
😓
How do you convey to users that sweatshirts are customisable
on Vortex Style across their online shopping journey?
{ THE SOLUTION }
🤩
Vortex style is a platform that allows customers to customize their
favourite sweatshirts and buy various fashion hassle free  
{ BUILDING THE BRAND }

To distinct the Vortex Style brand from the competition I added new colors and created a unique look.

#351e6
#ff6969
#63bf3b
#707070
#d5a3ff
#4efff8

ABCDEFGHIJKLMNOPQRSTUVWXYZ

HEADLINE Roboto

abcdefghijklmnopqrstuvwxyz

TITLE Roboto Bold
LOGO
{ THE DESIGNS }
🪢
Low Fidelity Designs
Hi Fidelity Design
{CONCLUSIONS}
‍
I enjoyed working on this project there were many things i learned through the build process.
The user-centric design approach made sure the text and images have visual compatibility also maintained visual hierarchy and clear information architecture for the designs.
‍
{ FINAL PROTOTYPE }
⛳️

The Coffee King

BRAND STRATEGY / VISUAL DESIGN / UX

Enjoy the luxury of having your favourite coffee delivered to your doorstep.

Coffee King App  brings the aroma of freshly brewed coffee straight to your fingertips. Our platform is designed to elevate your coffee indulgence by offering a convenient and delightful way to order and enjoy your favourite brews.

DATE

June 2023 - July 2023
ROLE

UX Designer / Brand Strategist
CLIENT

The Coffee King (Passion Project)
LOCATION

Remote
The Challenge
How do you convey to users that coffee can be ordered and get it delivered by placing online orders through an app?
The Solution
Coffee King is an app that allows customers to order their
favourite coffee and get it delivered hassle free.  
BRAND BUILDING

To distinct the Coffee King from the competition I added new colors and created a unique look.

#351e6
#412208
#c2905d
#707070
#c2905d
#ffffff

ABCDEFGHIJKLMNOPQRSTUVWXYZ

HEADLINE Marcellus

abcdefghijklmnopqrstuvwxyz

TITLE Marcellus Bold
LOGO
Empathy Maps
Ordering
Adding Items
Confirm Order
Payment
Designs

Early designs allowed for some customisation,
but after the usability studies, I added additional options to cancel after order is placed. I also added coupons button for the app.

After second round of usability studies, I added option to connect with customer support executive.

Lo -Fi to Hi-Fi
Conclusions

This project was exciting to work on. I successfully addressed the user's needs by implementing a user-friendly interface through an iterative design process that prioritised user feedback, The challenges faced, such as navigation, contact us & coupon were valuable learning experiences that informed our decisions and enhanced the overall project.

Final Prototype

Maestro 2.0

UI/UX Design + UI Developer / VISUAL DESIGN / UX

Maestro is a platform which enables Maersk to become global integrator of container logistics, Maestro's data and analytics capabilities sit as core pillar. Maestro drives all the data driven insights at Maersk. It helps you use data and insights in your business decisions

DATE

Feb 2020 - July 2023
ROLE

UX Designer / Brand Strategist
LOCATION

Bengaluru
CLIENT

A.P Moller Maersk
The Challenge
How do you enable Maersk users get the data and drive insights to make business decisions with a web app?
The Solution
Maestro is a platform that allows Maersk users to get data and insights by providing user friendly access
to over 500 products. data and their insights to make business decisions
 
Maestro Applications
GCAOCE
Intermodal
FMT
Final Design

SKYMATE

BRAND STRATEGY / VISUAL DESIGN / UX

Pilots, meet Skymate, the ultimate app that simplifies your flight management and travel.

Skymate is pilots comprehensive solution for commercial aviation, streamlining onboarding, flight document management, and real-time flight updates—including current, past, and upcoming flights. It also simplifies transportation and accommodation arrangements, delivering a seamless travel experience.
Date

June 2024 - July 2024
Role

Concept / UX Design / Brand
Client

Airbus
Location

Bengaluru
Challenge 😓
How can you streamline tasks and create seamless flight experience for commercial pilots?
Solution 🤩
Skymate, an all-in-one app for pilots, streamlining flight management, document handling, and travel logistics.
Research 🧐
The focus of this research was on key aspects of a pilot’s daily duties, challenges, and preferences.
Below is an outline of relevant findings from existing studies and reports.
  • Time Management: Managing multiple flights within a short period, while also juggling paperwork and briefings, puts a lot of strain on pilots.
  • Stress and Fatigue: Long flight hours, irregular schedules, and managing complex flights can lead to pilot fatigue. Streamlining pre- and post-flight processes helps reduce stress.
  • Technology Integration: Pilots are seeking more efficient ways to manage tasks using technology. Apps that consolidate real-time updates, flight management, and personal logistics are highly valued.
User Story 💁🏻
Who?
‍
‍am I designing this for
  • This application is designed for commercial pilots.
What?

user expect will happen
  • Check current, past & future flight details, Save & access flight docs.
    ‍
  • Book stay & transport to desired destinations
Why?
‍
does this impact positively
  • This app will save time by providing flight management, travel & logistics.
    ‍
  • Pilots can focus on critical tasks and increse efficiency
User Journey 👨🏻✈️
1. Preflight briefing

1. Review weather conditions, airspace restrictions, and NOTAMs (Notices to Airmen) to prepare for potential deviations or hazards.
‍
2. Coordinate with the crew to discuss safety protocols, roles, and specific flight details like altitude, route, and expected turbulence.

2. Flight plan & Onboarding

1. Ensure all onboard systems, including navigation, communication, and safety equipment, are functioning correctly.
‍
2. File the flight plan, including routes, altitudes, and fuel requirements, ensuring compliance with aviation regulations.

3. Layover & Logistics

1. Arrange ground transportation, lodging, and meals for the crew, ensuring smooth transitions between flights.
‍
2. Use downtime to review flight performance, address any maintenance needs, and rest adequately for the next leg of the journey.

Insights 📋
  • Pilots are responsible for ensuring that all necessary documents (licenses, flight logs, certifications) are up-to-date and accessible.
  • Pilots face complex logistics for ground transportation and accommodations. Streamlining this enhances their experience, especially on long-haul flights.
  • Long working hours, irregular schedules, and managing complex flights can lead to pilot fatigue. Streamlining pre- and post-flight processes helps reduce stress.
Information Architecture 🧩
Ideation Sketches ✍️
Lo-Fi to Hi-Fi Wireframes 🤩
Conclusions 🤓
I thoroughly enjoyed designing Skymate and learned a lot throughout the process. The focus on user-centric design ensured a smooth integration of text and visuals, maintaining both visual harmony and clear information architecture. Future enhancements could include AI-based flight planning and improved logistics coordination.
Play with prototype

Let's connect 🤝

let's build something impactful together, get in touch !
vinu.sharannavar@gmail.com