Bash

Branding

Colour Scheme

Since the client has yet to set a branding, I proposed using cyan green for its dual symbolism of growth and modern impression as well as adding a pop of light orange to enhance the visual design.

Typography

The combination of using Space Groteck and Helvetica fonts adds depth into the design as well as bringing a unique and modern feel to the design.

Components

Geometrical and soft rounded elements combined to create an inviting, playful aesthetic that enhances user engagement and approachability.

About The Design

This design harmonizes geometric precision and rounded shapes to create visual contrast while maintaining balance. Structured grids and angular elements establish a modern foundation, softened by circular motifs and curved containers for approachability.

Strategic imagery integration particularly in hero banners with layered opacity backdrops enhances storytelling while ensuring clarity. Pops of bright orange and indigo draw attention to key actions and content, improving the user’s engagement.

Design Showcase

Home Page —— Strategically divided into three sections consisting Business Values, Upcoming Events and Company Introduction each designed to guide users through a purposeful journey.

Events Page —— Featuring a prominent banner highlighting the latest event, complemented by an intuitive filter system for efficient event discovery.

Contact Page —— A hub where visitors can easily express interest in events, with automated confirmations and organizer alerts. effortlessly.

Mobile Page —— Explore responsive designs maintain brand consistency across devices, with touch-friendly adaptations of desktop layouts for seamless cross-platform experiences.

Explorations

Desktop Experience

Experience the full desktop mockup designs with intentional choices for visual harmony.

View Desktop (Mockup) arrow_outward

Mobile Experience

Experience the full mobile mockup designs with stacked layouts, touch targets, and adaptive designs.

View Mobile (Mockup) arrow_outward

Live Site

Handcrafted by me using Wix Studio! Click through to see how this website works in real-time.

View Developed Site arrow_outward

Going Forward

This project gave me hands-on experience in the full website creation process from designing mockups to developing in Wix Studio. I learned how geometric design elements can enhance aesthetics while simplifying development when planned with platform constraints in mind.

In retrospect, I will attempt to restructure the About page's introduction section to enhance both its visual hierarchy and usability, a valuable lesson that sharpened my eye for design-intent execution.

Certain images & content used in mockups courtesy of Bash