The assignment below was a quick UX/UI design task given to me during an application process for an internship at a design agency in Amsterdam. I had to complete this one‑page website design within a single day, which meant I was being tested both on my skills and on how I handle time pressure as a designer. Throughout the process, I made extensive use of Auto‑Layout, components, and a column system in Figma to ensure a structured, scalable, and consistent design.
In the end, I received very positive feedback on the design — and I was even offered the internship, which I was very happy about.
Briefing
Here is your (design) challenge for today!
‘We Repair Sails’ is a company based in Zeeland, the Netherlands, that repairs boat sails. Because the market in the Netherlands is relatively small, they want to expand internationally with a clear motto: Anyplace, anytime, anywhere. Through a new website, they want to offer customers the ability to easily and quickly request sail repairs, no matter where in the world their boat is located. The development of the full platform is planned for a few months from now. For the moment, they want to get an informative one‑page website online as soon as possible — and they still need a design for it.
The briefing for the website is very clear. They want a basic one-page website that is visually appealing and easy to navigate. They would like to see the color blue reflected in the design, possibly combined with other colors. They also provided examples of websites whose design they find inspiring: monoclesolutions.com, sovereigngroup.com (with a white background), and aquablu.com.
It is very important that the following elements are included on the site (in random order, and they may be combined into sections):
- A section with information about the company
- A sign‑up form
- A catchy hero section
- Footer
- Header
- Step‑by‑step repair process
- USPs (Unique Selling Points)
- Email signup to start building an audience
- Any additional sections you, as the designer, consider important.
- A sign‑up form
- A catchy hero section
- Footer
- Header
- Step‑by‑step repair process
- USPs (Unique Selling Points)
- Email signup to start building an audience
- Any additional sections you, as the designer, consider important.
Assignment
You are expected to create a UX/UI web design for this one‑page website within the given timeframe. Afterwards, make sure you can clearly explain your design decisions, supported by any additional screens/
slide deck that help illustrate your process. Use lorem ipsum text for any sections where no copy text has been provided, and come up with your own titles for those sections. You are also expected to explain what type of content should go where. Additionally, find suitable photos and/or icons yourself.
slide deck that help illustrate your process. Use lorem ipsum text for any sections where no copy text has been provided, and come up with your own titles for those sections. You are also expected to explain what type of content should go where. Additionally, find suitable photos and/or icons yourself.
(At 17:00 we will review the assignment together in an online meeting.)
The color palette I selected, fitting the theme (sea, ocean, blue tones, pastel blue, soft colors) and the company We Repair Sails (the client).
The final version of my UX/UI one-page web design for the client We Repair Sails, in desktop form. This desktop form was sufficient for the assignment, as it had to be completed within a single day. Otherwise, you could also design tablet and mobile versions of the same UX/UI web design as part of a responsive multi‑device approach.
