Abdullah Ali — Portfolio

Building software that solves real-world problems.

000
Skip to content
SoraTour company profile website

SoraTour

A modern company profile and travel booking website for PT. SORA TRAVEL NUSANTARA.Web Application2026live
01

SoraTour is a modern company profile website developed for PT. SORA TRAVEL NUSANTARA. The project focuses on delivering a professional digital presence through an engaging landing page, responsive layouts, intuitive navigation, and a clean visual identity that highlights the company's travel services and destinations while strengthening customer trust.

Role
UI/UX Designer, Frontend & Backend Developer
Client
PT. SORA TRAVEL NUSANTARA
Duration
1 Month
Team
Solo
Year
2026
Category
Web Application
Status
live

Stack

Nuxt.jsVue.jsTypeScriptTailwind CSSNode.jsResponsive DesignUI/UX Design
02

What it moved.

100%

Responsive

Desktop, Tablet & Mobile

SEO

Optimized

Built with Nuxt.js

Modern

UI Design

Tailwind CSS

Client

Project

Commercial Website

03

The problem.

The company needed a professional online presence to strengthen its brand identity and attract new customers.

Existing information about services and destinations was difficult for potential customers to access.

The website needed to present travel packages and company information in a modern, responsive, and user-friendly experience.

04

What I built.

Designed a modern UI/UX focused on clarity, visual storytelling, and conversion.

Developed a responsive website using Nuxt.js and Tailwind CSS for optimal performance across devices.

Created dedicated pages to showcase company information, services, travel destinations, and contact details.

Implemented a scalable frontend architecture for future integration with booking and backend services.

05

How it fits together.

A modern Nuxt.js application using a component-based architecture, optimized for responsive performance and future scalability.

01

Frontend

Interactive and responsive user interface built using Nuxt.js and Tailwind CSS.

Nuxt.jsVue.jsTypeScriptTailwind CSS
02

Application

Handles routing, page rendering, reusable components, and client-side interactions.

Nuxt RoutingReusable ComponentsComposable Architecture
03

Deployment

Production-ready website optimized for fast loading, SEO, and responsive browsing.

Responsive DesignPerformance Optimization
06

What it does.

01

Modern Landing Page

An engaging hero section with company introduction, featured destinations, and clear call-to-action sections.

02

Company Profile

Dedicated About page presenting the company's history, vision, mission, values, and team.

03

Responsive Experience

Fully responsive layouts optimized for desktop, tablet, and mobile devices.

04

Travel Showcase

Beautiful presentation of travel destinations and available travel services.

05

Contact Section

Easy-to-access contact form allowing potential customers to reach the company.

06

Modern Design System

Consistent visual language built with Tailwind CSS for a professional appearance.

08

Where it got hard.

01

Building Customer Trust

What broke

Travel companies rely heavily on visual presentation and credibility to convert visitors into customers.

How it was fixed

Designed a clean corporate identity supported by strong visual hierarchy, destination imagery, and clear company information.

02

Responsive User Experience

What broke

Visitors access travel websites from various devices with different screen sizes.

How it was fixed

Designed every section using a mobile-first approach to ensure consistent usability across all devices.

03

Scalable Architecture

What broke

The website should support future business growth and additional features.

How it was fixed

Built the project with Nuxt's component-based architecture, making future feature expansion straightforward.

09

What I owned.

01

Designed the complete UI/UX experience.

02

Developed the frontend using Nuxt.js and Tailwind CSS.

03

Implemented reusable components and page layouts.

04

Built responsive interfaces for all screen sizes.

05

Optimized website performance and SEO.

06

Collaborated directly with the client to refine requirements and branding.

10

How it ran.

Research & Planning

Week 1

Collected business requirements, planned user flows, and created the website structure.

UI/UX Design

Week 2

Designed the visual identity, page layouts, and responsive user interface.

Development

Weeks 3–4

Built the website using Nuxt.js, implemented reusable components, and optimized responsiveness.

Testing & Deployment

Week 4

Performed cross-device testing, optimization, and deployed the production website.

11

What I took from it.

A strong visual identity significantly improves customer trust in travel businesses.

Responsive design is essential for tourism websites where many visitors browse from mobile devices.

Component-based architecture simplifies maintenance and future feature development.

Close collaboration with clients leads to more effective business-oriented design decisions.

12

What I'd do next.

Integrate an online booking system.

Add customer authentication and account management.

Implement payment gateway integration.

Develop a travel package management dashboard.

Provide multilingual support for international customers.

Related

Next case study

Signal Field

Ten years of seismic data, rendered as one continuous surface.