top of page

E - Commerce
Website Development

Summary

  • We redesigned the existing Wix-based website for the Coastal Guard in Helsinki, Finland, giving it a modern look while maintaining their identity and history.

  • The new design showcases who they are, what they do, and their heritage, while also providing a secure member login for accessing activities, events, and purchasing products. Alongside the redesign, we continue to maintain and update the site to keep it engaging and functional for both the public and members.

Pain Points

  • Outdated Wix website that no longer reflects the Coastal Guard’s identity.

  • No centralized member area for events, activities, or resources.

  • Missing integrated shop and streamlined updates, reducing engagement.

Role

UX-UI Designer​

Business Objectives

  • Enhance the online presence of the Coastal Guard by redesigning their existing Wix website with a modern, user-friendly interface.

  • Provide a clear platform to showcase who they are, what they do, and their history, strengthening community awareness and engagement.

  • Enable members to log in securely to access activities, events, and exclusive content.
    Integrate an online shop for purchasing Coastal Guard–related products, supporting both fundraising and visibility.

  • Ensure easy maintenance and regular updates to keep information current and the website functional across devices – desktop, tablet, and mobile.

Tools

  • Wix

  • Adobe Photoshop

  • Adobe Illustrator 

Duration

2 Months

Scope of Work

Responsive Website Redesign

Redesign the existing Wix website into a modern, user-friendly, and fully responsive site optimized for both desktop and mobile devices. The design will reflect the Coastal Guard’s identity with clean navigation and intuitive layouts.

Events & Activities

Add an interactive calendar where users can view and register for upcoming events and activities.

Blog & News Updates

Include a blog/news section for articles, updates, and announcements, improving visibility and communication.

About & History

Build sections to showcase the Coastal Guard’s mission, values, and history, strengthening community engagement and credibility.

Cabin & Kayak Bookings

Integrate an easy-to-use booking system for cabins and kayaks, allowing members and visitors to reserve online with availability tracking and confirmations.

Contact & Support

Set up responsive contact forms and support options to make it easy for visitors to get in touch.

Member Login Area

Develop a secure member portal with access to events, activities, resources, and exclusive content across desktop and mobile.

Online Shop

Provide an e-commerce store for purchasing Coastal Guard-related products, optimized for smooth use on desktop and mobile devices.

Maintenence & Support

Offer regular updates, bug fixes, and content support to ensure the site remains secure, reliable, and fully functional across devices.

System Architecture

​Design Considerations

​​​​

  • Flexible and Scalable

  • Ability to Incrementally add new application with less effort

  • Enhanced User Experience

  • Reduced Maintenance Cost

​Technology Landscape

​

WIX Platform

Design Process

Empathise
Define
Ideate
Prototype
Test & Deliver
Component 4.png
Collaborated with the client to understand their vision, history, and requirements, while also identifying how members and visitors would use the site. These insights shaped the structure, user flows, and design direction, leading to a responsive Wix-based website that reflects the client’s identity and purpose.
The challenge was to redesign the client’s Wix website to better showcase their identity, services, and history. The solution needed to be responsive on desktop and mobile, simple to navigate, and aligned with client needs, while integrating member login, events, product sales, and cabin/kayak bookings.
Spoke with the client to understand their goals and reviewed the existing website to identify gaps. Used Miro for concept development and user flows, then designed and developed the new website directly in Wix, ensuring it aligned with the client’s vision while improving usability and responsiveness across devices.
Created UI layouts and interactive prototypes using Miro for concept development and user flows, then designed and developed the website directly on the Wix platform. Worked closely with the client to refine layouts, ensure responsiveness across devices, and align the final design with their vision and requirements.
After completing and testing the first set of pages, the design was finalized and launched. We are now actively working on expanding the website with additional features and pages to enhance functionality and user experience.

Final UI Screens

bottom of page