En Zuo

UI/UX, GIS, Full-Stack & Automation Specialist

New to Contra

En is ready for their next project!

China

Work Posts About

China

🌲 🙏 Good morning, Link Champions. 🙏 🌲 🏋 🏋 Capture that magical yet terrifying moment precisely. Acknowledge it and overcome it. At the very moment when everything inside you, and everyone around you, tells you to give up and that you can't do it, you must stand up. You must draw out the power hidden deep within you and make it happen. We are born to make mistakes because of our imperfections. To be humiliated, to rise again, and to meet people who still want to be with you—that is a true blessing, and that is life. 🏋‍🏋 🤹‍♂️🤹‍♂️ Do not call living the same day over and over again life. 🤹‍♂️🤹‍♂️ Note: I ask for your warm recommendations. https://contra.com/en_zuo_ikkbu4ao/work?r=en_zuo_ikkbu4ao

End-to-End Website Data Extraction Automation with n8n This project is an automated website data extraction workflow built with n8n. The system is designed to fetch a website homepage, extract internal page URLs, loop through selected pages, collect page content, clean and structure the extracted data, and generate a final organized output automatically. The workflow includes multiple automation steps such as homepage fetching, URL extraction, page-by-page looping, delay handling, individual page requests, content cleaning, data aggregation, JavaScript-based processing, and document updating. This makes the system useful for website audits, content collection, lead research, SEO analysis, documentation generation, and business data extraction tasks. My work focused on building the full n8n workflow structure, connecting each automation node, adding controlled delays between page requests, processing extracted content with JavaScript, merging results into a clean format, and sending the final output into a document. The result is a practical end-to-end automation system that reduces manual website research and turns web content into organized, reusable data. Skills & Tools: n8n, Workflow Automation, Web Scraping, Website Data Extraction, JavaScript, API Requests, HTTP Request Automation, Data Cleaning, Data Aggregation, Document Automation, No-Code Automation, Low-Code Development, Business Process Automation, SEO Data Collection, Content Extraction.

😊 AI-Powered Appointment Booking Automation with n8n This project is an AI-powered appointment booking automation system built with n8n. The workflow is designed to let a user interact with a conversational AI assistant, request an appointment, provide personal details, and move through the booking process automatically. The system uses an AI agent connected with a knowledge base, memory, vector storage, and external tools. It can understand user messages, ask follow-up questions, collect booking information such as name and email, check calendar availability, create a calendar event, and send confirmation messages through Gmail. The workflow also includes document ingestion, text extraction, embeddings, and Supabase Vector Store integration so the assistant can answer based on stored business information. My work focused on building the full automation flow inside n8n, connecting AI models, configuring memory and knowledge base retrieval, integrating Google Calendar and Gmail actions, and testing the conversational booking process from start to finish. The result is a practical AI assistant system that can reduce manual appointment scheduling work and provide a smoother customer booking experience. Skills & Tools: n8n, AI Automation, Workflow Automation, AI Agent, Google Calendar API, Gmail Automation, Supabase Vector Store, HuggingFace Embeddings, Google Gemini, Groq, RAG Workflow, Knowledge Base Integration, Chatbot Automation, Appointment Booking System, CRM/Business Process Automation.

Mobile App Based Organic Tea E-Commerce Design This project is a mobile app based e-commerce design created for an organic tea and herbal product brand. The interface was designed with a clean, fresh, and natural visual style, using green color tones, product-focused sections, simple navigation, and a mobile-first shopping layout. The design includes a mobile homepage, product showcase, category browsing, search function, cart and wishlist access, product cards, promotional banner, customer review section, article/blog area, service benefit blocks, newsletter subscription, and footer navigation. The layout is structured to feel like a modern shopping app, where users can easily explore products, read brand content, and move toward purchase from a small screen. My work focused on creating the mobile UI/UX structure, organizing the e-commerce user flow, designing clean product sections, improving spacing and readability, and making the overall experience simple, attractive, and easy to use on mobile devices. The result is a polished mobile commerce interface suitable for an organic tea, wellness, or natural product brand. Skills & Tools: React.js, Mobile App UI Design, Mobile-First Design, E-Commerce UI/UX, Responsive Design, Product Card Design, Shopping App Interface, Search UI, Cart UI, Wishlist UI, Landing Page Design, HTML, CSS, JavaScript, Component-Based Frontend Development.

Cover image for GIS-Based Terrain Analysis and DEM

GIS-Based Terrain Analysis and DEM Visualization in Sinai This project is a GIS-based terrain analysis created for the Sinai region using digital elevation model data. The work focuses on extracting and visualizing key topographic characteristics, including aspect direction, hillshade relief, slope variation, and contour elevation patterns. The project includes four separate thematic maps: aspect analysis, hillshade visualization, slope classification, and contour mapping. Each map was designed with coordinate system information, scale bar, north arrow, legend, and terrain background to support professional cartographic presentation. The outputs help identify terrain direction, elevation behavior, surface steepness, landform structure, and topographic variation across the study area. My work involved processing DEM data, generating raster-based terrain layers, creating slope and aspect classifications, producing hillshade relief, extracting contour information, styling each map layer, and preparing clean map layouts for presentation. This project demonstrates my ability to handle geospatial raster analysis, terrain modeling, and professional GIS map production. Skills & Tools: ArcGIS Pro, QGIS, GIS Mapping, DEM Analysis, Terrain Analysis, Raster Processing, Hillshade Mapping, Slope Analysis, Aspect Analysis, Contour Mapping, Cartography, Coordinate Systems, Spatial Analysis, Map Layout Design, Geospatial Data Visualization.

React-Based Coastal Real Estate & Buildability Landing page This project is a custom React web application designed for a coastal real estate and home-building concept in Pinellas County. The platform presents available parcels, coastal home models, buildability guidance, and estimated project pricing through a clean, premium dark-themed interface. The website includes a modern landing page, parcel search experience, location-focused navigation, home model catalog, property cards, pricing/quote section, build package selection, consultation call-to-action, and informational sections explaining the coastal building process. The design focuses on helping users understand what a lot could become, compare home options, and move toward a consultation or feasibility review. My work focused on building the React frontend, reusable UI components, responsive page structure, real estate listing layout, property detail presentation, pricing interface, and premium UI/UX styling. The result is a polished React-based platform that combines real estate discovery, architectural presentation, and lead generation into one professional web experience. Skills & Tools: React.js, JavaScript, HTML, CSS, Responsive Web Design, UI/UX Design, Real Estate Web Platform, Property Listing UI, Search Interface, Pricing/Quote UI, Component-Based Frontend Architecture, Landing Page Design, Lead Generation Website.

Hello, everyone, I want to share this work with you. Premium Shopify Supplement E-Commerce Store This project is a Shopify-based e-commerce website built for a premium health, wellness, and supplement brand. The store was designed with a clean, modern, and high-end visual style, using soft product imagery, strong typography, and a minimal layout to create a trustworthy shopping experience. The website includes a polished homepage, product collection pages, product filtering, product cards, detailed product pages, add-to-cart functionality, cart drawer interaction, subscription and one-time purchase options, and a B2B inquiry form. The user experience was focused on making the buying journey simple, clear, and conversion-friendly while still presenting the brand as scientific, refined, and premium. I worked on the Shopify storefront structure, responsive layout, product presentation, e-commerce flow, cart experience, and overall UI/UX refinement. The result is a professional Shopify store that combines brand storytelling with practical online shopping functionality. Skills & Tools: Shopify, Shopify Theme Customization, Liquid, HTML, CSS, JavaScript, E-commerce Development, Product Page Design, Cart Flow, Responsive Web Design, UI/UX Design, Conversion-Focused Store Design.

Interior Design Studio Website Design and Framer Development This project is a modern interior design and architecture studio website created using Figma for UI/UX design and Framer for website development. The goal was to build a clean, premium, and visually elegant website that presents interior design services, project galleries, brand identity, client trust, and contact flow in a professional way. The design focuses on a minimal editorial layout, strong image presentation, clear typography, smooth spacing, and a luxury visual atmosphere. In Figma, the website structure, visual direction, sections, and responsive layout were planned first. After that, the design was developed in Framer with responsive breakpoints, interactive sections, hover effects, smooth scrolling, reusable components, and optimized page structure. The website includes hero sections, service blocks, project showcase areas, client/brand sections, design process content, portfolio-style image grids, and contact call-to-action sections. This type of project is suitable for interior designers, architecture studios, real estate design brands, furniture companies, and creative agencies that need a strong visual website without a heavy custom backend. Tech Stack Figma, Framer, Framer CMS, Responsive Web Design, UI Components, Web Animation, SEO Settings, Form Integration, No-Code Web Development

132

Organic Herbal Tea E-Commerce Website Description This project is a modern e-commerce website designed for an organic herbal tea brand. The website presents herbal infusion products with a calm, natural, green visual style that matches the brand identity. It includes a landing page, product showcase, product detail page, contact section, cart flow, and checkout-style interface. The main goal of this work was to create a clean and trustworthy online shopping experience for natural wellness products. The design focuses on strong product presentation, smooth navigation, readable content sections, and a consistent visual atmosphere using herbal imagery, soft green backgrounds, and simple call-to-action buttons. The project demonstrates both UI/UX design and web development skills, including responsive layout planning, product card design, product detail structure, cart interaction, checkout form design, and brand-focused frontend implementation. Tech Stack React, Next.js, TypeScript, Tailwind CSS, JavaScript, HTML, CSS, E-Commerce UI, Responsive Web Design Tools Figma, VS Code, GitHub, Vercel, Chrome DevTools

GIS-Based Global Population Pattern Visualization This project is a GIS-based global population visualization created to show how human population is distributed across the world. Using spatial population data, the map presents global settlement and density patterns in a clear grayscale thematic style, where darker areas represent higher population concentration and lighter areas represent lower or uninhabited regions. The work focuses on geospatial data processing, raster-based population visualization, map styling, and global-scale cartographic presentation. The final output helps viewers quickly understand major population clusters across regions such as East Asia, South Asia, Europe, Africa, and the Americas, while also showing sparsely populated areas such as deserts, mountain regions, forests, and polar zones. My role in this project involved preparing the GIS data, styling the population layer, adjusting the global map projection and layout, refining the visual contrast, and creating a clean presentation suitable for spatial analysis, education, and geographic storytelling. Skills & Tools: ArcGIS Pro, GIS Mapping, Spatial Analysis, Raster Data Visualization, Population Density Mapping, Thematic Mapping, Geospatial Data Processing, Cartography, Global Data Visualization, Map Layout Design, Coordinate Systems, Spatial Pattern Analysis.

3D GIS Thematic Mapping and Spatial Analysis This project presents a 3D thematic GIS visualization that converts spatial data into an interactive 3D scene. The work focuses on showing geographic patterns through colored 3D columns, grid-based spatial layers, boundary outlines, and thematic classification. Instead of using a flat 2D map, the data is visualized in height-based 3D form, making differences between areas easier to understand. The project includes spatial data preparation, layer styling, attribute-based classification, 3D extrusion, color ramp visualization, map navigation, and final presentation rendering. This type of visualization is useful for urban analysis, environmental assessment, population density mapping, risk analysis, land-use studies, business location analysis, and any project where spatial values need to be compared visually. Tech Stack ArcGIS Pro, ArcScene / ArcGIS 3D Analyst, QGIS, GIS Mapping, Spatial Analysis, Raster and Vector Data Processing, 3D Extrusion, Attribute-Based Symbolization, Thematic Mapping, DEM / Grid Data Visualization

AutoCAD to ArcGIS 3D Site Visualization This project demonstrates a complete CAD to GIS workflow, converting a 2D AutoCAD site plan into a structured 3D visualization inside ArcGIS. The work includes preparing CAD drawing elements, converting them into GIS-compatible layers, organizing roads, buildings, green areas, sports fields, pathways, and site features, then presenting them as a clean 3D masterplan model over a geographic base map. The purpose of this project was to make a technical site layout easier to understand through spatial visualization. Instead of showing only flat CAD drawings, the final result presents the site in a realistic 3D GIS environment, making it useful for urban planning, campus planning, land development, infrastructure presentation, and client communication. Tech Stack: AutoCAD, ArcGIS, GIS Mapping, SHP Layer Conversion, 3D Scene Visualization, Spatial Data Processing, Site Planning, Geospatial Visualization.

109

Cover image for Expert GIS Mapping & Site Plan Services for Environmental Ap...

😊 GIS Mapping and Environmental Site Plan Development for Approval Documentation I developed a professional GIS mapping package for an environmental approval project, including site boundary mapping, receptor buffer analysis, infrastructure marking, coordinate tables, A3 layout design, scale bars, legends, north arrows, and regional location insets. The final outputs were prepared as clear, approval-ready maps using high-resolution aerial imagery and GDA2020 / MGA Zone 50 coordinate reference standards.:

Cover image for 3D Hydrological Terrain Analysis in

3D Hydrological Terrain Analysis in Sinai This project presents a 3D GIS-based hydrological analysis of the Sinai region, focusing on basin structure, watershed boundaries, stream order, and flow direction. The goal was to transform elevation and hydrology data into clear 3D terrain visualizations that explain how water moves across the landscape. The work includes DEM processing, terrain modeling, basin delineation, watershed extraction, stream network generation, stream order classification, and flow direction analysis. Each map was rendered as a 3D terrain block with a clean cartographic layout, including title, legend, north arrow, scale bar, and elevation-style surface presentation. This type of project is useful for watershed management, flood risk assessment, drainage planning, environmental analysis, desert hydrology studies, and geographic education. By presenting the results in 3D, the project makes complex hydrological patterns easier to understand than a normal flat 2D map. Tech Stack ArcGIS, QGIS, ArcScene / ArcGIS Pro 3D Analyst, DEM Data, Hydrology Toolbox, Spatial Analyst, Raster Processing, Flow Direction Analysis, Flow Accumulation, Watershed Delineation, Stream Order Classification, 3D Terrain Visualization

Cover image for 3D Satellite Terrain and Bathymetry

3D Satellite Terrain and Bathymetry Visualization GIS and Data Processing: QGIS, ArcGIS, DEM data, satellite imagery, bathymetry data, GeoTIFF, raster processing, coordinate system alignment