web design using lovable
2025-03-03 13:47
Status:ongoing
Tags:web-design
Lovable Webdesign
I created my personal website in Lovable today by writing natural language instructions and it was craazy!!!
ask lovable to create a website which acts like my personal website and portfolio site. it will have various sections for various expertises of me, may be one for anyeone, one for marketers, one for students and institution, one for musician and artists one clicking each of them a relevant text (my bio) pops up.
copy the code from the backend of this website https://billysweeney.com i need similar back background, minimal look, my name is Abodid Sahoo I need a portfolio page with space to embed a few videos and a title written under the video, and my role and the brand name the portfolio page can be different page as someone scrolls down. we can have one more section - for exhibitions and galleries and one more for tech companies for content refer this below Here’s a balanced version—retaining your authentic voice while adding subtle polish for clarity and flow: --- ### For Anyone - Music lover, ramen enthusiast, and curator of deep conversations. - Forever curious about places, people, and stories hidden in plain sight. - Engineer turned designer turned artist (NIT → NID → RCA). - Obsessed with art, design, tech, and films that scratch the soul. - Learning to sketch, building an off-grid home with my wife, and chasing high-quality sound everywhere. --- ### For Researchers - RCA Project: An Apple Scholarship-funded autoethnographic study on love, loss, and grief. - Methods: Phototherapy, writing as healing, limerence, caste, sexuality, trauma, death, and spirituality. - Skills: Blending exhibitions, performance, and emerging tech (AR/VR) into research. - Collaborate: Guide students/researchers on autoethnography, therapy-based art, or thesis projects. --- ### For Artists & Musicians - Create raw, moving art through photos, films, and words (VH1 music video director). - Themes: Mental health, queerness, sexual trauma, nostalgia. - Open to experimental collabs with film, AR, VR, or performance. - Prioritize immersive sound and stories that linger. --- ### For Designers & Marketers - Ran a design agency crafting brand identities, posters, and films for startups/hotels. - Led video campaigns for Budweiser, Wieden+Kennedy, and NGOs. - Teach visual curation, Webflow basics, and "anti-generic" aesthetics. - Network: Young Indian filmmakers for affordable, soulful productions. --- ### For Engineers & Founders - Ex-software engineer who bridges tech and creativity. - Help founders market products through storytelling. - Interviewed/hired creatives for tech teams (Likeminds consultancy). - Passionate about ethical tech and AR/VR narratives. --- ### For NGOs & Organizations - Produced films for Educate Girls and queer advocacy projects. - Handled RCA grad shows and exhibitions (safety, AV tech, lighting). - Craft stories on mental health, caste, or social issues without exploitation. --- ### For Students - Guided 50+ students into RCA, NID, and TU Delft with portfolios and scholarships. - Virtual RCA/NID tours for international applicants via my photos and stories. - Teach how to turn trauma into thesis projects. --- ### For Institutions & Galleries - Set up RCA and Into the FLUX exhibitions (power, data, lighting, safety). - Expertise in placing artist bios and marketing collaterals non-intrusively. - Train teams on grad show best practices. --- This version keeps your voice intact but adds rhythm and focus. Let me know if you’d tweak further!
i love this. let's add a page for photography works showcase too, add about 30 high quality sample portraits and street photography from free resources, make it a mix of full screen width for some, and a two column images for some, donot leave much gaps, just make it large and nice in the page for the landpage with various categories, can we make the "for anyone", for students, etc in one row, and the each click on them can reveal a text paragraph that entails the information, ina bit bolder size covering about 40 percent of the screen in a box, no box outlines needed. initallly one description can appear as we load the page, then as we click other section - like "for marketers", etc, the txt changes, no major transition needed, basic is fine all the text content for each section should be roughly of the same word count can we have a page navigator index in the left which can click and switch between sections like - intro, work, values, background, references, about, contact with each click, the page section can appear with after you quickly scroll to that section. so basically i need a one page minimal site with all of these, and only the portfolio and photography show case pages can be different pages the main background can be even darker, nearing to black, and text have a white and off white hierarchy
the left side index can be a visible series of word, we can remove the top navigation bar totally.. just stick to the left one for the web page.. avoid the bullet point look, but just put the text with font weight around 16px normal state can be grey and hover and selected state can be white so basically we divide the landing page into two main sections, one is the left side index covering abour 20 percent width, and then a gap of about 20 percent and then the rest 60% width will have the main body section of the site fort the headings, lets just keep the texts to be clicked, without icons, do not create cards, they can be places side by side in one row, we just keep - for anyone - recruiters - artists - creative agencies - production houses - students - researchers remove the view portfolio and get in touch keep it clean, for the headings, provide a text of font weight 16px approx, for the content under each heading have a font weight of 500px and word count of approx 20 to 25 words approx. in the top of the page we can have the section where it just shows my name in big bold fonts approx 700 to 1000 px weight and then a body text under it Merging global exposure with academic research rigor, I deliver creative solutions that elevate brands and resonate across cultures. Obsessed with art, design, tech, and films that scratch the soul.
amazing! going good. the middle section gap in the grid can be a a bit less, lets sayabout 10 percent, and we can have a bit of space as a column in the right let's say about 5 percent dont leave so much blank space after my name and bio, the sections can be closer to each other remove the external pages section totally just keep the photography page intact and add it to the main index in the left. what we see now in "work" can be there in the intro section itself and in the "work" part, add the things we have shared in the "exhibitions" part, and have one video placeholder with the thumbnail as one image with a big play icon in the middle also, the current texts in the "works" section needs to be changed, just the look of it "for anyone" is perfect the repeat of the text "for anyone" as we click it can be avoided, and the body text can be a large size block of text with font weight around 500px
lovely! i think i don't like this spacing between sections, looks clumsy, can you follow the design principles for good UX experience and space them out properly
basically i want them properly spaced out and visible as spearate sections,
lets sequence them as
For Anyone
a general statement about my multidisciplinary creative aspects along with my love for ramen and mushroom, and coldplay.
For Artists & Musicians (focus body text on collaborations and my love for music and music video that was broadcasted in VH1 India.) For Creative Agencies (focus body text on my freelance experience of 7 years as a photographer, director and editor) For Marketers & Brand Managers focus on my research driven approach, global creative network, and experience as a creative director for global brands and design studios
For Cultural Organisations and Galleries focus on my experience as a exhibition designer and technical support for setting up exhibitions and helping artists to precisely build exhibits adhering to the health and safety standards
For Students and NID/RCA aspirants helping and guiding sudents for higher studies in the art and design sector, like nid, rca whichare the best in the country and the world, help then in scholarship and admission letter writing etc.
For Researchers & Institutions
help in research around love, loss and death with experience over auto ethnographic methods, indepth interviews, qualitative research, etc.
also, keep the contact section as the last section add details of my phone number and email ids
do this in a tasteful design aligning to the required grid system
+44 752258768 (UK) +91 9439094370 (India)
Like all good things, this page is at an end and, honestly, I hate goodbyes so let's say hello instead.