OVERVIEW
ROAD CONSURUCTION WEBSITE
The website for a road construction company aims to increase visibility and showcase their services and completed projects.
Company | Duration | Platforms | Tools | Frameworks |
|---|---|---|---|---|
Rattar | 1 month | Web, Mobile | Adobe XD, Bitbucket, Miro, Visual Studio Code, XAMPP | Bootstrap |
Who are they ?
Company in the road construction industry, founded in 2009. Over the years, they have consistently grown and expanded. Their main services include road construction, paving stone and curb installation, as well as various excavation and earthwork projects. In winter, they also offer snow removal services.
What was my role ?
My role was to create a website for the client. Project aimed to create a simple one-pager that would provide an overview of services and showcase gallery of pictures for their past work.
PROBLEM
What was missing ?
Main goal was to establish an online presence, which did not exist before client contacted me. Another aim was to add service descriptions and showcase pictures about the past work which was not visible anywhere over the internet.
01
Online presence was non-existent. Client had experience working in the field since 2009.
02
Service offering description was missing. Also, client had a lot of images about their past work that was not visible online.
03
Company did not have any branding that they could use on their machine park.
CHALLENGE
Focus areas
01
Web design & development
-
Gathered website ideas from customer.
-
Defined project scope.
-
Drew basic sketches & sitemap in Miro.
-
Wireframe & prototype in Adobe XD.
-
Developed and designed customer website.
-
Continuous alignment.
02
Content, Testing & Release
-
Gathered content from client, such as service descriptions and pricing.
-
Utilized multimedia elements like photos and icons to highlight customer's products.
-
Performed manual tests on variety of browsers.
03
Branding
-
Designed company logo and icons.
-
Optimized the website for search engines.
CHALLENGE
Work process
1.Discovery: client meetings. Competitor analysis. Gathering business requirements.
2.Scoping: draft ideas and notes in Miro. Project documentation in Notion. ​
3.Wireframing: sketches with pen and paper. Wireframing and prototyping in Adobe XD. Continuous alignment with client.
4.Design: logos, icons and images created and modified in Canva and Illustrator.
5.Development: code changes made in Visual Studio. Manual testing.
6.Handover: project was completed after couple of weeks and client received a handover session.
Sitemap
OUTCOME
Early sketches
OUTCOME
Visuals
IMPACT
Conclusion
After publishing the website, there has been an overall increase in service inquiries. Images that illustrate client past work have gained a lot of positive reaction and boosted service orders.
Website: https://rattar.ee