Janrswong

Menu
Connect
Connect

~ Let's have a look at my portfolio ~

I don't just create websites, I build digital experiences that leave a lasting impression.

UI/UX Design
Web Development
Photography

Web Development

Voting Education

USED: VueJs, Laravel, Web Scraping, UI/UX Design
The website provides resources and instructions on how to participate in an election or survey conducted by Ateneo de Davao University in the Philippines. Visitors are able to access information on the candidates or issues being voted on and learn how to cast their votes.

Advocacy Website

USED: WordPress, Elementor, UI/UX Design, Research
An advocacy campaign focused on raising awareness about people with disabilities (PWDs) and promoting inclusive design and technology. The website likely provides information and resources on how to improve designs and technology to better accommodate PWDs.

Comparative Analysis

USED: Python, Machine Learning, Data Visualization
A fully interactive, multi-page web app through the Python library Streamlit that allows users to explore the same models used in the study. Aside from learning about study findings, play with parameters, create your own models, conduct your own comparisons and make your own analyses!

Ecommerce

USED: NextJS, Sanity.io, Stripe, Vercel
This ecommerce full stack site was built using the Next.js framework and incorporates Stripe for payment processing and Sanity.io for content management. It offers a user-friendly shopping experience, complete with a customizable shopping cart and intuitive checkout process. Users can browse products, view product details, and securely purchase items with ease. Additionally, the site’s content management system makes it easy for site administrators to manage products, update pricing and inventory levels, and perform other administrative tasks.

Arduino IoT Weather Station

USED: Arduino, Flask, MySQL, Proteus, Virtual Serial Port
A project that utilizes an Arduino microcontroller, various sensors, and an internet connection to gather real-time weather data and display it on a web-based interface. The project enables users to monitor temperature, humidity, atmospheric pressure, and other weather conditions from remote locations using a smartphone, tablet, or computer.

UI Clone Airbnb

USED: ReactJs, Firebase, CSS
This UI Clone for Airbnb is a web application built with React.js and styled with CSS. It utilizes Firebase as its backend to store and manage user data. The application mimics the design of Airbnb’s user interface. It is also an immersive experience that accurately replicates the look and feel of Airbnb’s user interface, making it an excellent tool for learning and practice for developers or anyone interested in web development.

ACCSS Web Design

USED: Figma

Website design for the academic club of the CS cluster, resulting in a sleek and modern interface that effectively represents the organization’s values and goals.

Logistics Web Design

USED: Figma
Logistical shipping provides customers with a simple, user-friendly interface that enables them to store their items from various locations and stores until they are ready to consolidate their orders or select a specific delivery date. This design optimizes the customer experience, making it easy for users to manage their orders and shipping needs.

AdDU Blue Vote Design

USED: Figma
Features a visually appealing and engaging interface that promotes civic engagement and encourages users to participate in the democratic process. The website’s layout and navigation were carefully planned to make it easy for users to access the information they need. The site’s design is optimized for usability, providing intuitive navigation and clear calls to action that guide users through the registration and voting process.

AdDU Web Design

USED: Photoshop

The website provides resources and instructions on how to participate in an election or survey conducted by Ateneo de Davao University in the Philippines. Visitors are able to access information on the candidates or issues being voted on and learn how to cast their votes.
Consultation

Consultation Web Design

USED: Photoshop

Selecting a date for consultation is intuitive and user-friendly, providing a seamless experience for users to schedule their appointments. The design incorporates a clean and modern interface with a calming color scheme to create a professional and inviting atmosphere.

Opt-In Landing Page

USED: Photoshop

The landing page design ensures seamless navigation and a straightforward opt-in process. With a clear and prominent sign-up form, visitors can easily provide their contact information, enabling us to connect with them and tailor our offerings to their specific needs.

20181229_185810
20181226_150235
20181226_161819
ezgif.com-webp-to-jpg
ezgif.com-webp-to-jpg (1)
ezgif.com-webp-to-jpg (2)
IMG_3162_photo
20230409_185932
20230409_191223
20230408_155813
IMG_3070_photo
20230409_150546
20190101_120325
IMG_4639_photo
20180330_171446
asdasd
Berry
20181228_203247
20230410_130112
20230411_103058
20230410_115420