CarpeDiem
UI Design, UX Design

Carpe Diem

Carpe Diem Beach Resort & Spa is an upcoming Beach Resort in the Maldives.

UX Design

User Experience (UX) Design is the process of laying out a product’s usability and design flow in order to provide the desired experience to a user. An essential element of this is determining how users form experiences with the product. In the case of this project, we laid out an initial wireframe of the website so that we could better understand how the website would flow and to see correlations between each section. Here are some of the wireframes that we built:

Carpe Diem UX1
Carpe Diem UX2

Styles & Elements

In the initial stages, our design team worked closely with Carpe Diem to choose a complementary colour palette and type stack to best represent the resort’s brand identity. We then tailored various elements in the design such as the Call-To-Actions (buttons) to reflect this identity. One of the ways that we maintain the style aesthetic throughout the design is by subtly incorporating textures into various elements to match with the overarching theme.

Carpe Diem Styles

UI Design

User Interface (UI) Design is the process of taking preliminary UX Design and applying a Graphic User Interface (GUI) to it. In layman terms it means taking a wireframe and adding content to it in order to see what the final product will look like. Here are some of the final designs:

On-Scroll Animation

For this project, we wanted to give Carpe Diem a dynamic feel that kept users engaged as they scroll through the website. So we decided to add custom on-scroll animations that would make the next section of the page appear as you scroll to them.

Development

During the Development process, we build the website from scratch using WordPress as the base Content Management System (CMS). We do this by creating custom page templates and outputting information via Advanced Custom Fields. This also allows the client to make alterations to the information at any point, thus making it easier for them to manage their websites after the project is complete.

Carpe Diem perfect simplicity

Our approach

Main phases from user research right through to putting the site live.

User Research

Designing an effective user interface system begins for us with understanding the user.

Wireframing & Testing

This is where the ideas and concepts really take shape. By sketching out a basic visual representation of the system, its flow patterns can then be tested and refined before moving to the next level.

UI Design

In the final step before handing over to the designers, we add colors and images to the wireframe to create paper prototypes that can then be developed and tested on HTML pages.

Once a concept is approved for further development, we begin to design the interface so that we can begin to see what the user will see. To enhance this step, we employ our Pixel Perfect concept.

UI Validation

Before the project is ready to be launched, the design must be thoroughly tested from the user’s perspective.

Put Site Live

We put website live and keep a track if everything displays and works perfectly.

How can we help?

6 key ways we can help your business grow:

Accelerate your business!

Branding

Branding

Your brand is more than just a pretty logo. It's how you communicate with your target audience and the messaging behind everything you do. We help build brands using a "Strategy first" approach.

UX Icon

UX Design

Drawing on more than 40 years of combined experience, we combine flexible research tools with interactive development techniques and hands-on testing.

UI Design

Take advantage of our decades of combined experience. We design a User Interface system that is based on the specific preferences and behaviours of your users.

Web Development

Think of your website like an employee. You want it to look nice, speak well of your brand and work perfectly right? We can build a website for you that achieves all your goals.

Website Maintenance

We take care of your website so you don’t have to worry about it. We will make sure it’s up, safe and helping your business to grow.

Copywriting

WCB Agency provides professional SEO-copywriting services for small and mid-sized businesses who are looking to generate leads and close sales.