Anewgo AI Web Experience

Anewgo
AI Web Experience

INFO

Led a 3-month transformative rebuilding of Anewgo.com to eliminate poorly generated AI content and align the site with the company’s tech-forward vision through vibe coding. I removed unnecessary clutter, improved clarity, and implemented intuitive navigation with engaging interactions. Key challenges included tight deadlines, content migration, and adapting the design process for immediate implementation. The result was a visually cohesive, interactive site launched on time. My experience reinforced that AI’s effectiveness in design depends on skilled human guidance, especially when balancing creativity and business needs.

DISCIPLINE

Vibe Coding

UX Design

TIMELINE

3 Months

ROLE

UI UX Designer

Summary

Summary

Summary

Previously, Anewgo’s website, entirely generated by Replit’s AI with no proper design system, failed to reflect the company’s future vision

Realizing this gap presented an opportunity for me to master ‘vibe coding’ and reclaim design direction from the AI.

Problem

Problem

Problem

A common issue in AI-generated design, like Anewgo's previous website, is the lack of supervision. Given less than three months, I had to research AI design tools, develop a workflow, and create a brand identity to address AI-generated layouts that were directionless, used inconsistent colors, had unclear hierarchy, and poor navigation. Some constraints included…

NO SWES
[ 1 ]

As a startup with SWEs dedicated to other projects, there was no support from dedicated software engineers, forcing me to communicate directly and efficiently with Replit’s AI.

TIME CONSTRAINT
[ 2 ]

Adapting to an expedited design process where wireframes and prototyping were replaced by real-time design decisions and immediate implementation, especially as the site was going to be revealed at a conference end of summer.

Adapting to an expedited design process where wireframes and prototyping were replaced by real-time design decisions and immediate implementation, as the website needed to be shipped ASAP.

Adapting to an expedited design process where wireframes and prototyping were replaced by real-time design decisions and immediate implementation, as the website needed to be shipped ASAP.

NO SOLID BRAND GUIDE
[3]

I had to develop a brand new identity for Anewgo as I was designing. This lead to many trial and error scenrios.

Discovery

Discovery

Discovery

Accessing the damage

Without restrictions on Replit's output, the website was filled with inconsistent AI-generated content, an outdated UI, random colors, fake information, and haphazard navigation. Ultimately, this made Anewgo, as a software company, appear untrustworthy.

Layouts without order and fake meta data

Inconsistent and outdated visual style

Outdated UI and unfriendly navigation

Familiarizing Myself with AI Landscape

Before using AI tools, I reviewed research articles published by Cornell, tech experts, and industry resources to learn their uses, challenges, and ethical implications.

REPLIT
CHATGBT
LOVABLE
PROMPT WARS

Replit is an AI code editor that's now used to easily deploy projects through vibe coding. You treat the agent as an AI software developer, giving it product specifications so it can develop an implementation plan and generate the code. Anewgo had already begun to build out the website using this tool when I arrived

KEY INSIGHTS

Can deploy immediately

AI agent acts as a junior full-stack developer

You do need to be very specific with it and break it down to individual steps on how to achieve it

REPLIT
CHATGBT
LOVABLE
PROMPT WARS

Replit is an AI code editor that's now used to easily deploy projects through vibe coding. You treat the agent as an AI software developer, giving it product specifications so it can develop an implementation plan and generate the code. Anewgo had already begun to build out the website using this tool when I arrived

KEY INSIGHTS

Can deploy immediately

AI agent acts as a junior full-stack developer

You do need to be very specific with it and break it down to individual steps on how to achieve it

REPLIT
CHATGBT
LOVABLE
PROMPT WARS

Replit is an AI code editor that's now used to easily deploy projects through vibe coding. You treat the agent as an AI software developer, giving it product specifications so it can develop an implementation plan and generate the code. Anewgo had already begun to build out the website using this tool when I arrived

KEY INSIGHTS

Can deploy immediately

AI agent acts as a junior full-stack developer

You do need to be very specific with it and break it down to individual steps on how to achieve it

REPLIT
CHATGPT
LOVABLE
PROMPT WARS

Replit is an AI-powered code editor centered on coding. Compared to other platforms, you can deploy your project directly from it. You provide product specifications to the AI Agent, which then creates an implementation plan and generates the required code.

KEY INSIGHTS

Immediate deployment is possible, but frequent bugs and inconsistencies need attention.

AI agent acts as a junior full-stack developer

Requires detailed step-by-step instructions

Prompt Engineering

Prompt Engineering

Prompt Engineering

When I set out to learn Vibe Code, my main goals were to prompt Replit's agent both efficiently and accurately. With every iteration, I found more effective ways to engineer prompts that yielded better visuals and enhanced functionality.

READ MORE
READ MORE
READ MORE
WORDS ALONE
READ MORE
READ MORE
READ MORE
HTML/CSS
READ MORE
READ MORE
READ MORE
CHATGBT 5

Finalized Workflow — After experimentation, I built out the rest of Anewgo.com using this workflow, still manually editing the prompts and features, as needed.

Outcome

Outcome

Outcome

FEATURE
[1]

Designing a Dynamic Website

The final result was a highly interactive platform that showcases all of Anewgo's products and services.

FEATURE
[2]

New and Improved Branding

Instead of drawing inspiration from typical home builder websites, I looked to AI and software companies as the foundation for Anewgo's new branding. This approach was instrumental in establishing Anewgo's shift toward becoming an AI-driven architectural software business.

FEATURE
[3]

Consistency

Given the wide range of services, it was challenging to make Anewgo’s content accessible and readable. I solved this by creating Replit templates to standardize layouts, icons, and typography across the website, thus improving navigation.

Goals Achieved

A NEW "ANEWGO"
[ 1 ]

The final product is a visually unified, interactive website that meets user and client needs, features all services, supports podcasts and blogs, and runs with minimal oversight.

REDEFINED ANEWGO'S BUSINESS DIRECTION
[ 2 ]

By maintaining ongoing communication with the CEO and managers, I developed a brand that aligns with Anewgo’s new software direction. The website was successfully launched at a national home builder conference.

DESINGER VS AI
[3]

Learned how to properly use AI tools within the design space and tested it's strengths and weaknesses.

Properly analyzed AI tools in design, exploring their full potential and limitations.

Properly analyzed AI tools in design, exploring their full potential and limitations.

Reflections

Reflections

Reflections

"AI CAN BE A GREAT TOOL, BUT IT'S ONLY AS GOOD AS THE DESIGNER BEHIND IT"

AI can be powerful in design when guided by thoughtful human direction. As a designer and artist, I remain cautious and healthily critical about AI’s place in creative work due to social concerns, but I acknowledge its utility in streamlining products where business requirements demand agility.

THE FUTURE OF PM'S

Quoting Rad Nolan, vibe coders are the future for product managers. I believe the roles of PMs and designers are converging, particularly on platforms like Replit, which facilitate simultaneous integration of business, product, and design. Instead of a handoff between PM and designer, I was able to integrate business goals, product strategy, designs, and real-life experiences all in one sitting.

POTENTIAL IMPROVEMENTS

Potential improvements include ongoing usability testing, increased experimental features, and regular quality assurance, as routine updates may introduce bugs.

POTENTIAL IMPROVEMENTS

Potential improvements include ongoing usability testing, increased experimental features, and regular quality assurance, as routine updates may introduce bugs.

POTENTIAL IMPROVEMENTS

Potential improvements include ongoing usability testing, increased experimental features, and regular quality assurance, as routine updates may introduce bugs.

© 2025 DARCY MCSWAIN

© 2025 DARCY MCSWAIN

© 2025 DARCY MCSWAIN