0RC-A | Homepage

Varvara Kronberg

โฌœ Pre-launch landing page for a fashion brand

โ” About

๐Ÿ‘‰A simple but fun interactive homepage for the client - 0RC-A brand that is in development stage.
My roles & responsibilities: concept development, front-end design + UI/UX, front-end programming, back-end programming & configuration, project management.

๐Ÿ”ป Goals:

to create a landing page that:
โž• reflects the aesthetics of the brand
โž• gives the hint to the visitors of what's coming
โž• collects the email addresses of interested users
โž• starts the database of newsletter subscribers
โž• updates on the current stage of the process
โž• fun, playful and easy to use on any device

๐ŸŒ Why me:

๐ŸŒŸ I have an extensive experience working in fashion industry in a design capacity, I know this world well and can translate the design moodboard and aesthetic into a coding project in a unique way.

๐Ÿ’ซ Challenge:

๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿง  Make it fast, in a budget and unique

๐ŸŽ‡ Solution:

๐Ÿ”ง๐Ÿš€๐ŸŒŒDesign was created based on the product moodboard (not available to share at the moment).
๐ŸŽ‰The feature of the page is changing color of the pattern background and unique font based on the clicked color buttons๐ŸŸจโฌ›โฌœ๐ŸŸฆ๐ŸŸฉ๐ŸŸฅ (on the right). Every button changes the color of background and font combo! The colors are chosen based on the brand product line.
๐ŸŽฎThe picked color is automatically added into the form submission.
โญAfter user's data is submitted the view changes into the update from brand on the current stage of development.
๐Ÿ“จEmail confirmation is sent to the user after form is submitted.
๐Ÿ“งThe client-brand gets the email confirmation with user's color choice and contacts.
๐Ÿ“ฑ Mobile & desktop responsive views were developed as well

๐Ÿ‘ฉโ€๐Ÿ’ป Tech stack:

๐ŸณDesign & UI was developed in FIGMA
๐Ÿ”จProject management was held in Notion.
๐Ÿ’ปCoding: JS, CSS, HTML, Heroku, API, SendGrid, MJML, React, Node.js/Express, GitHub.

๐Ÿ“š Learning outcomes:

I loved developing the concept for this web project to reflect the brand identity and meet the needs of the client.
It was great to upgrade my knowledge of responsive design & coding, working JS and CSS in real life projects, deepen my knowledge of working with fonts, form submissions and email configuration.
I think create-react-app was a great choice for this webpage and I enjoyed using it to make the idea work.
๐Ÿ”ฌ๐Ÿ—ฏThe full version of the webpage for the product launch is in development as wellโœจ

๐Ÿ‘‡ Links:

๐Ÿ”— visit HERE
๐Ÿค Let's develop something unique? -> connect here
๐Ÿ’š Thank you for reading!
Like this project

Posted Apr 29, 2021

Design + develop simple interactive pre-launch page for fashion brand to collect data on initial interest.

Likes

0

Views

258

Clients

0RC-A agency inc

Thank you 2019 | Learning to code
Thank you 2019 | Learning to code
Contra | Engineer Ambassador
Contra | Engineer Ambassador
Facet.ai | Homepage
Facet.ai | Homepage
Ultra | 3D playground prototype
Ultra | 3D playground prototype

Join 50k+ companies and 1M+ independents

Contra Logo

ยฉ 2025 Contra.Work Inc