Website Design
Edwin Marie Web Design offers custom website design and development services to help businesses establish a strong online presence. We specialize in high-quality design, seamless user experience, and exceptional customer service.
Overview
At Edwin Marie Web Design, we specialize in delivering top-quality website design and development services to help businesses establish a strong online presence.
Our team of skilled web designers and developers use the latest technologies and design trends to create custom website designs that not only look great, but also deliver a seamless user experience.
Built Around You
Whether you need a simple brochure website, a complex e-commerce platform, or anything in between, our team has the expertise to bring your vision to life.
We work closely with you to understand your unique needs and goals, and we use that information to craft a website that meets those needs and helps you achieve your objectives.
Our Focus
With our focus on high-quality design and exceptional customer service, Edwin Marie Web Design is the ideal partner for all your web design and development needs.
User Experience
We understand the importance of incorporating User Experience (UX) and User Interface (UI) design into our web design process.
Our team of experts work to ensure that the websites we create not only look great, but also provide an intuitive and seamless experience for your website visitors.
Targeted Design
From conducting user research to prototyping and testing, we follow a comprehensive UX design process to ensure that your website is easy to navigate and meets the needs of your target audience.
We use the latest design trends and techniques to create a visually appealing UI, making your website stand out from the competition.
By prioritizing UX/UI design, we aim to deliver websites that not only look good, but also provide a memorable user experience.
Responsive Designs
At Edwin Marie Web Design, we know it's important for your website to look amazing and work flawlessly on all devices.
That's why we make sure all our designs are fully responsive, meaning they adapt to different screen sizes and devices for the best possible viewing experience.
No matter how your visitors are browsing, they'll have a seamless and user-friendly experience.
We use the latest responsive design techniques to make sure your website looks great and runs smoothly on desktops, laptops, tablets, and smartphones.
We incorporate responsive design into all our projects so you never have to worry about how your website will look or function on different devices.
Build Out Process
Phases Built Around Your Needs. Websites can be delivered in as little as one-month, but on average take around 15 weeks based on previous project builds.
Discovery | Branding
We will review your goals, branding parameters, and preferences followed by creating a shared folder for asset collection.
Wireframe | Draft
Your site will begin to take shape with architecture and branding implementation in the site's first draft.
Revision | Content
Based on your reaction to the design, revisions will be performed. Additionally, written content and imagery will be added.
Revision | Integrations
More revisions and integrations such as embed codes, off-site linking, connections to subscription services will be added.
final Approval | Launch
Once everything meets your standards for launch, we will connect your domain and launch your website.
Build Out Process
Phases Built Around Your Needs. Websites can be delivered in as little as one-month, but on average take around 15 weeks based on previous project builds.
Discovery | Branding
We will review your goals, branding parameters, and preferences followed by creating a shared folder for asset collection.
Wireframe | Draft
Your site will begin to take shape with architecture and branding implementation in the site's first draft.
Revision | Content
Based on your reaction to the design, revisions will be performed. Additionally, static written content and imagery will be added.
Product Addition
We will add your products' info including imagery, descriptions, pricing, variants, and more based on your product records.
Revision | Integrations
More revisions and integrations such as embed codes, off-site linking, connections to subscription services will be added.
Store Completion
We will finish setting up your store by connecting your Stripe account, shipping preferences, email notifications, and more.
final Approval | Launch
Once everything meets your standards for launch, we will connect your domain and launch your website.
How Our SEO Rolls Out
SEO is a long-term action plan so all of our plans are for a one-year commitment. During this time, we research, create goals, work on your site, develop off-site links, and design a custom reporting tool that allows you to track your site's progress.
1. Goals & Research
Before we get started, we need to know what we are shooting for and who your competition is.
2. Onsite & Tools
We get started by working on your site's issues and provide you with tools to track your progress.
3. Offsite & Reports
Once your site is dialed in, we begin link building and create a custom progress report for you.
Branding Process
Branding your business is about connecting with your target clients and raising awareness of your business. This process usually takes 4 weeks to complete.
1. Research
Understanding your business and target clients helps guide us on your branding journey.
2. Draft Options
We will draft multiple logo designs, fonts, colors, icons, and more for you to choose from.
3. Delivery
After you choose your favorite branding options, we will deliver all assets to you.
PRICING
Explore our pricing options here. However, if you have any questions, please contact us to allow us to fill you in on which options are best for you, your business, and your business' specific goals.
got questions? let's talk
Subscription+ Plans are great starting points for new clients.
There is no retainer fee, so you can get a professional grade website that will blow your competition away for less than most business expenses.
$99/mo
Starter+
The right option for single service businesses, landing pages, and startups.
$199/mo
Small Business+
A great fit for a multi-service business that does not add new content regularly.
$299/mo
Professional+
Perfect for businesses that need to add new content such as blog posts, portfolio work, new services, etc.
$399/mo
E-commerce+
Easily sell products, services, subscriptions, portfolio work, online courses & downloads
We know our subscription service can feel like it is just a payment plan since there is a limit of 36 payments, however, we include services other subscription plans do not offer.
(site is the property of Edwin Marie until after the final payment has been made)
A template design is a pre-made website template that gives a great start for the overall design you are looking for in your new website. We then customize this template to fit your business' needs. This customization process may include structural changes, the addition/removal of elements, etc.
Templates dramatically cut down on the time it takes to design and buildout your new website which ultimately saves you money on our your total site development.
Custom from the ground up
say hello to the freshest website in the neighborhood
Our process takes between 13-20 weeks depending on the scope of your project and the results are well-worth the wait. All custom designs are built around your needs and brand.
Custom websites require a deep understanding of your business, so we will be working closely together definitely virtually and hopefully in-person.
We begin with a discovery phase that allows for research and understanding of your industry while also learning about your business' uniqueness.
Based on the discovery, we develop a custom timeline, identify assets needed, create a shared tracking tool, and generally plan out your entire build.
We marinate on our notes taken during the discovery phase and get to work on creating a design that touches on all of your site needs while keeping your style and brand as our true north regarding all user experience and interaction decisions.
Based on your approved design, we get to work building out your new website. As your site's development moves along, it is natural to discover new options, tweaks, and variations that may be better than our original design.
Your approval is required for all changes because you are the boss.
After your site has been built and is ready for launch, you can feel confident that your site will be as secure as possible. We use AMAZON WEB SERVICES for all hosting, security, SSL certificates, and as our content delivery network ensure your site will be secure and fast.
Now that your site has been launched and we are providing maintenance and technical support, you will be given access to a website editing tool which will allow you to update your site's content manually or, in some cases, automatically with a connection using Zapier.
You will receive a series of custom-recorded tutorial videos specific to your site. No more searching on YouTube for a how-to video. All solutions to edit your site's content are now available in a simple video library.
Ask to see if you can receive free, in-person training.
After your site has been launched, we will take over the heavy-lifting for your site's upkeep and also provide technical support during our business hours.
Maintenance
Our maintenance plans are designed to alleviate your monthly workload regarding updating your site's content. Have a new meeting, blog post, or service you want listed online? We will update that. Need to embed code or integrate tools. We can handle that for you. Content creation is not included.
Support
Have a question? We are available during normal business hours for phone and video calls.
Learn how to do-it-yourself
Want to build a website for yourself from the ground up? Well, it's a lot of work, but we are happy to guide you through this process with our one-on-one DIY Course.
RESEARCH
We focus on learning about you plus your industry, clients, and competition in order to lead our design flow down the right path.
.webp){kind=small}
INSPIRATION
We take the research, let it marinate, and plan on how to present your business both effectively and with an inspiring beauty.
.svg){kind=small}
DESIGN
Once you know how the design will present your business, we add window dressing with animation, color, imagery, and more.
.svg){kind=small}
BUILDOUT
The plan has been made and we take your design to the next level with our vast buildout experience and customization integrations.
Subscription+ Plans are great starting points for new clients.
There is no retainer fee, so you can get a professional grade website that will blow your competition away for less than most business expenses.
$99/mo
Starter+
The right option for single service businesses, landing pages, and startups.
$199/mo
Small Business+
A great fit for a multi-service business that does not add new content regularly.
$299/mo
Professional+
Perfect for businesses that need to add new content such as blog posts, portfolio work, new services, etc.
$399/mo
E-commerce+
Easily sell products, services, subscriptions, portfolio work, online courses & downloads
We know our subscription service can feel like it is just a payment plan since there is a limit of 36 payments, however, we include services other subscription plans do not offer.
(site is the property of Edwin Marie until after the final payment has been made)
A template design is a pre-made website template that gives a great start for the overall design you are looking for in your new website. We then customize this template to fit your business' needs. This customization process may include structural changes, the addition/removal of elements, etc.
Templates dramatically cut down on the time it takes to design and buildout your new website which ultimately saves you money on our your total site development.
Custom from the ground up
say hello to the freshest website in the neighborhood
Our process takes between 13-20 weeks depending on the scope of your project. All custom designs are built around your needs and the results are definitely worth the investment.
Custom websites require a deep understanding of your business, so we will be working closely together definitely virtually and hopefully in-person.
We begin with a discovery phase that allows for research and understanding of your industry while also learning about your business' uniqueness.
Based on the discovery, we develop a custom timeline, identify assets needed, create a shared tracking tool, and generally plan out your entire build.
We marinate on our notes taken during the discovery phase and get to work on creating a design that touches on all of your site needs while keeping your style and brand as our true north regarding all user experience and interaction decisions.
Based on your approved design, we get to work building out your new website. As your site's development moves along, it is natural to discover new options, tweaks, and variations that may be better than our original design.
Your approval is required for all changes because you are the boss.
After your site has been built and is ready for launch, you can feel confident that your site will be as secure as possible. We use AMAZON WEB SERVICES for all hosting, security, SSL certificates, and as our content delivery network ensure your site will be secure and fast.
Now that your site has been launched and we are providing maintenance and technical support, you will be given access to a website editing tool which will allow you to update your site's content manually or, in some cases, automatically with a connection using Zapier.
You will receive a series of custom-recorded tutorial videos specific to your site. No more searching on YouTube for a how-to video. All solutions to edit your site's content are now available in a simple video library.
Ask to see if you can receive free, in-person training.
After your site has been launched, we will take over the heavy-lifting for your site's upkeep and also provide technical support during our business hours.
Maintenance
Our maintenance plans are designed to alleviate your monthly workload regarding updating your site's content. Have a new meeting, blog post, or service you want listed online? We will update that. Need to embed code or integrate tools. We can handle that for you. Content creation is not included.
Support
Have a question? We are available during normal business hours for phone and video calls.
Learn how to do-it-yourself
Want to build a website for yourself from the ground up? Well, it's a lot of work, but we are happy to guide you through this process with our one-on-one DIY Course.
RESEARCH
We focus on learning about you plus your industry, clients, and competition in order to lead our design flow down the right path.
INSPIRATION
We take the research, let it marinate, and plan on how to present your business both effectively and with an inspiring beauty.
DESIGN
Once you know how the design will present your business, we add window dressing with animation, color, imagery, and more.
BUILDOUT
The plan has been made and we take your design to the next level with our vast buildout experience and customization integrations.
Our search engine optimization+ plans are designed to get your local clients to notice you.
We base our SEO+ plan suggestion on your business' mission, target clients, marketing goals, and the local competition you face. We make no result guarantees, but our track record speaks for itself.
$499/mo
Basic+
Ideal when competition is low and long-term success is needed.
$749/mo
Professional+
A great fit for businesses that are in competitive industries or face competition from national brands.
$999/mo
Advanced+
The right choice for highly competitive industries with a dedicated marketing team.
We know our subscription service can feel like it is just a payment plan since there is a limit of 36 payments, however, we include services other subscription plans do not offer.
(site is the property of Edwin Marie until after the final payment has been made)
A template design is a pre-made website template that gives a great start for the overall design you are looking for in your new website. We then customize this template to fit your business' needs. This customization process may include structural changes, the addition/removal of elements, etc.
Templates dramatically cut down on the time it takes to design and buildout your new website which ultimately saves you money on our your total site development.
Set your business apart
strengthen your mission and connect with your audience
Branding establishes a strong image, builds trust and credibility, provides consistency, supports marketing, and increases business value. It is a fundamental part of a professional business.
Professional branding typically includes several key components. These elements work together to create a professional and cohesive brand image that represents the business and connects with its target audience:
- Logo design
A visually appealing and memorable logo is a key element of professional branding.Color palette: A consistent color palette helps to create a recognizable brand image. - Typography
The choice of font and its use in branding materials is another important aspect of professional branding. - Brand messaging
A clear and consistent brand message that communicates the unique value proposition of the business. - Visual elements
This includes images, graphics, and other visual elements that are used to reinforce the brand image. - Tone of voice
The tone used in all communications, including website copy, social media posts, and other marketing materials, should be consistent with the brand's overall tone. - Brand guidelines
A set of guidelines that outline how the brand should be represented in all marketing and communications efforts.
The process of branding can vary depending on the size and complexity of the business, but typically includes the following steps:
- Discovery and research
This involves researching the business, its target audience, and the competition. This helps to inform the branding strategy and ensure that the brand is differentiated and relevant to the target audience. - Brand strategy
This involves developing a brand positioning and messaging strategy that sets the foundation for all branding efforts. - Concept development:
This involves creating preliminary designs and concepts for the logo, visual elements, and other branding materials. - Refinement and testing
The preliminary designs and concepts are refined and tested to ensure that they effectively communicate the brand message and resonate with the target audience. - Brand guidelines
A set of guidelines that outline how the brand should be represented in all marketing and communications efforts.
The time to develop and create a final product can range from a few weeks to several months, depending on the scope of the project and the resources available. It's important to allocate sufficient time and budget to ensure a high-quality, professional result that accurately represents the business and connects with its target audience.
If you don't like the branding we create for you, we will work with you to make revisions and changes until you are completely satisfied with the final product.
Our goal is to create branding that accurately represents your business and meets your needs, so we are committed to working with you until you are happy with the result. If necessary, we may even start the process over from the discovery and research phase to ensure that the final branding accurately reflects your vision and goals.
Ultimately, our goal is to create branding that you love and that effectively represents your business and connects with your target audience.
Phase 1
Discovery + Design
First, create a container to house the card elements.
In this case, I have created 'c-cards-list' and 'w-cards-list'. 'c' represent container and 'w' represent wrapper. This is my standard structuring method to prepare the elements for complicated interactions just in case.
Similarly, create 'c-card' and 'w-card' inside the container. Style the 'w-card' element according to your preference and then add in required content.
Phase 2
Initial Build
To create a stacking effect, you will required to use the 'position: sticky'.
Apply 'position: sticky' to 'c-card' element and apply at least 1px for the top position.
By now, you should be able to see the cards stacking on top of each other while you scroll down the page.
Phase 3
Create layering effects for stacked cards
Great. Now you have successfully stacking the cards on top of each other. To make them looks better, we will create some layering effect.
Create combo class for each of the 'c-card' element. For example, '1', '2', '3' and etc. Then add some value in the top position. For example, for first card, you can give it 20px from the top to make some spacing. Then for the following cards, you can add 100px each. You can adjust the value based on your design and layout.
Example: First card : 20px ; Second card : 120px ; Third card : 220px ; and so forth...
Phase 4
Enhancing layering effect with interaction
To make the layering looks even much better, you can apply interaction into 'c-card' elements.
Apply 'While scrolling in view' interaction to 'c-card' elements and ensure it affects all same class. Set the smoothing value to 90%.
Insert 'Scale' interaction starts at keyframe 40% (scale value: 1) and end at 100% (scale value: 0.8). Set it to affect 'Interaction Trigger' (c-card).
Now you should be seeing the cards stacking on top of each other with nice layering and depth.
Site Launch
Congratulations!
Now, have fun and start cloning. 😍
If you encountered any issue during cloning, feel free to contact us by clicking the 'Need help?' button on the right.
You can also support our work by following us on our social media or buy us a cup of coffee.
☕☕☕
Trusted by brands all over the country
WORD ON THE STREET
Hear from Our Satisfied Clients
We love our customers and they are sending love back. There is nothing we want more than to hear them say they value our work and we hope one day soon you do, as well.
.webp){kind=small}
.webp){kind=small}
.svg)