Web Developer in Raleigh, NC, USA
Three Ships is looking for freelance front-end developers for our website. We have ongoing maintenance and new projects frequently arise, and we’re looking for long-term dev partners who can plug into our platform.
Below are details of how the site is hosted and development runs. While we will provide a training overview of the site, we expect you to be comfortable in these systems and tools:
Hosting & Deployment
- The HM site is hosted by WPEngine (transitioning to AWS in Q1) and uses the WPEngine-standard git deploy process described here.
- There is both a production remote and a staging remote. We maintain the remote origin on bitbucket.
The Wordpress Setup
The Wordpress theme is built around two common plugins:
- Advanced Custom Fields
Additionally, we use a few internally-developed helper libraries and conventions to keep the site clean and tidy.
This is a Twine Enterprise project. You need to be a Twine Pro to pitch. Click here to learn more.
Overall Template Structure
We’re using ACF flexible layouts for almost everything. We create ‘blocks’ that can be added anywhere on the site. Each block consists of:
- Some ACF Fields
- A timber template that works against those fields
- A less file that styles the field
All blocks are full width and can be safely stacked in any order. This lets the content team create very rich pages without a lot of work. Many blocks also have the concept/convention of a ‘bound’. These are a set of css classes that set width rules across blocks so that spacing is consistent on the site.
How is LESS/JS Being Processed
- We’re using a gulp file that we use across projects that uses all.less as the entry point. It writes the compiled output and is inlined using twig.
- This contains all of the site css other than the fonts which are pulled in asnychonously using loadCSS by Filament group.
Images were also a big performance focus of the site and to that end, there are few conventions we follow along with some helper templates we use. When using images there were a few things we wanted to consider:
- The content team should be able to upload full size images and not worry about resizing
- All images on the page should be non-render-blocking (their size is known to the browser before the image is loaded)
- All images should use srcset or picture to offer responsive options.
We have a twig filter and a few templates that helps accomplish this.
This code checks the href of every anchor tag and appends the appropriate code as a query string.
About Three Ships:
Three Ships drives growth through digital marketing. We operate two business lines – client performance and consumer media. Our client performance team works with operating companies to increase revenue from digital channels. Our consumer media team operates market-leading consumer websites in fast-growth verticals such as home services, mattresses and health care.
Our approach to digital marketing is supported by years of success in creating performance-driven content, media investment management, and conversion rate optimization. Among our arsenal of assets, we have invested more than $3 million in developing a proprietary machine-learning technology to organize the way we identify, compete, and win search keywords.
- WordPress: 2 years (Required)
- Bachelor’s (Required)
Are you looking to pay or is this a collaboration?
Pay to hire someone
Is this ongoing work or a one off job?
How would you prefer to pay?
What’s your day rate budget range? (USD)
$250-350 (Industry average)
Do you have an estimate of the job or project length?
A few months
Are you a company or individual hiring?
Do you have internal sign off on the hire?
Do you need to hire for a specific city, country or place?
Yes, they need to be at a location (give location in job title)
When do you want to have the freelancer secured by?
What is most important for this job?
Twine can guarantee 3 relevant freelancers for an upfront fee of $650/£500. Would you like to know more?
How many freelancers do you want to contact you?
Do you have a job specification or creative brief?
Yes (please enter this in the description)
Does the freelancer need insurance?
Where did you find Twine?
You contacted me
- Public questions:
Show your interest:
Not sure what to write? Use a template:
When are you available to work on this project?
What's your rate for this job?
Enter your day rate if there's not enough information or it's an ongoing project. You can change this after speaking with the client.
How long will it take? (Optional)
If there's enough information, give an estimate of how long this job will take.
What's your usual day rate? (Optional)
Set your deposit rate:
If approved, the buyer will pay a deposit of 80%