The offshore recruiting industry is ripe for disruption. Prime Ocean developed a relationship-focused process to source quality candidates for their clients and business is booming.
Prime Ocean is not as well established as competitors in the marketplace as the business is still in its infancy. Their rapid success pushed their marketing efforts to the back burner, however they aspire to expand into new offshore markets as soon as possible.
Define the Prime Ocean brand and improve the paperwork process .
Our stakeholders were so busy running their business that we did not always receive timely, helpful feedback.
From strategy through QA, it took us less than four months to launch.
Paper and Pen
I was the lead designer for this project.
As the lead designer, I was a key contributor to our strategy report. This included preparing and conducing stakeholder interviews, defining website goals and making recommendations.
As the sole designer, I presented hi-fi mockups directly to the clients. During development, I worked directly with an in-house developer to implement a mirco-service feature.
During strategy phase, I conducted secondary research to educate both my team and myself about the offshore recruiting industry so we could conduct effective stakeholder interviews.
Two of our goals during this phase include
We initially reviewed over 15 oil and gas recruiter websites to understand Prime Ocean’s international competitors as well as understand how candidates discover new opportunities.
Indirect Competitor Analysis
From our initial research, I choose three competitor websites where the client and future team members could learn the most from. We reviewed each website’s tone, visual style and usability.
Secondary Research Insights:
The business analyst and I interviewed all three Prime Ocean executives.
With a better understanding of the offshore recruiting industry, we first prioritized what we should learn from our stakeholders, then crafted stakeholder specific questions.
After the interviews we learned how the hiring processes worked between Prime Ocean, a candidate and the offshore rig.
Unfortunately we were not able to interview our target users. So, we had to rely on the executive team to educate us about the website’s main audience: candidates and their clients.
We defined the website architecture and content structure through a comprehensive sitemap before beginning design.
Because Prime Ocean is a fairly new business, we worked directly with the executive team to define the tone of their brand. The sitemap was referred back to as a source of truth during design presentations so our client could review mockups with the right lens. Due to NDA, I created this chart of priorities to represent the sitemap.
My team decided to expedite our process and present a hi-fi mockups of the homepage during our strategy presentation.
We found scheduling difficult, it was hard to to get all executives in a room at the same time. We only presented two of the five unique pages to the entire Prime Ocean team during the design phase.
When starting a new page design, I sketched my ideas out on paper to get a good grasp on how components could work together. Here are a few sketchbook pages.
I had less than two weeks to design a homepage concept. Even when working under a few tight deadlines, our clients loved the initial concept so I did not have to change directions.
Educate clients and candidates on who Prime Ocean is and showcase their current opportunities
The hero defines who Prime Ocean is to their clients. We designed with the mobile experience in mind so I leaned into layouts that broke the grid.
Prime Ocean posts their openings on a popular industry job-board where many candidates search. Their website pulls those listings so they do not have to post jobs twice.
We hope this section will set an expectation with candidates, giving them a glimpse of the working relationship they could have with Prime Ocean.
We knew the majority of candidates would be viewing the website from their device. I designed with mobile in mind to ensure all layouts are modern, sleek and stood out from competitor sites.
Streamline the application process
Job opportunities are created daily. I designed a template page that is flexible with Prime Ocean's formulaic job description.
Prime Ocean recruiters often struggle with receiving a candidate's certifications in a timely manner, we created a form that could capture and store an applicant's professional details.
Before presenting to the client, we made sure this form design was ADA compliant.
After we received content from our client during development, the layout of this page evolved.
Position Prime Ocean as an industry leading expert
This section is a high level overview of Prime Ocean's approach to business.
Because the business is young, showcasing the leadership's industry experience adds weight to client commitment section.
The Company Value section was intended to speak to future in-house employees and community organizations. When writing copy, our client decided to table this section for launch.
By highlighting operational success, potential clients can expect their needs can be met when partnering with Prime Ocean.
The visual design was approved quickly. We launched the site mid-November with no qualms.
Part of the reason design was approved quickly is because we took time to create and iterate on a mood board. The mood board allowed us to expand the brand colors, choose an imagery style and propose a grid-breaking mobile layout.
I built several micro interactions on this website to create a smooth and engaging scrolling experience, my favorite is the sticky scroll on the about page. I partnered with an in-house developer to ensure Internet Explore11 users would not have a fragmented experience.