intro
UX
UI
backend
end

Inspired by real-world needs, VStore emerged from the unique requests of two clients: a passionate honey seller and a visionary architect seeking to showcase and sell wood and furniture. Understanding the demand for modern and appealing e-commerce platforms, the idea for...

VStore Was Born

VStore embraces innovation with a captivating landing page. Designed to offer a modern and unique introduction to shopping, it provides users with a clear understanding of the given platform offers before diving into product listings. With visually appealing elements and intuitive scroll navigation and user interaction, the landing page sets the stage for a user-centric journey, enhancing satisfaction and engagement from the get-go.

The Era of User Experience

Content > UI

Elegant design, black & white UI, a cohesive structure for fluid exploration, maintaining engagement without interruptions....

I created this whole design with a simple idea in mind: to enhances content engagement, placing the user's experience at the forefront.

Content > UIContent > UIContent > UI
  • Login
  • Contact
  • About
  • Shop
  • Home

Mobile-first

Given our user base's mobile-centric behavior, a mobile-first design for our app is crucial. This ensures optimal engagement and retention rates, aligning with evolving user preferences.

Everything was crafted to simplify the mobile experience, like the search strategically placed at the top for efficient access.

CMS-friendly

Every element, from layout to content, has been meticulously crafted to be CMS friendly. This means that clients, with a simple dashboard can easily manage and update their website's content without any technical expertise. Moreover, the entire website is provided as a template-like solution, complete with comprehensive documentation for clients to customize as a long term solution.

Why VStore

Speaking of cms, I have made every page content manageable!

From a classic "e-commerce" concept, to a website tailored to fit any commerce...

Here's a little preview:

1
2
3
4
5
5

With the completion of the website's frontend, i reached a significant milestone. The design phase is now successfully wrapped up, the focus has shifted to the backend structure, paving the way for a meticulous backend strategy.

I offered two backend options for clients, ensuring flexibility while maintaining a consistent foundation. One client chose Firebase for an all-in-one solution, handling backend operations and CMS. The other opted for a unique setup, using LoopBack, MongoDB, and Contentful for CMS content. This dual-backend approach meets diverse client needs while maintaining solid structural integrity throughout the system.

Backend structure from the future.

Click The Galaxy Core: unveil intricate details of its structure.

name

id

User

Favorite

Purchased

Date

Category

Name

ID

ITEM

Legend

One To One
One To Many
Many To Many

The backend is designed for easy maintenance and scalability. It was provided with a dashboard allowing seamless manipulation of the entire backend for efficient adjustments and expansions. This dashboard also empowers content managers to handle the website's CMS effortlessly, ensuring flexible control.